直接用URL.createObjectURL无法生成真正的Excel（.xlsx）文件，但可高效导出CSV或纯文本表格数据——这是前端海量数据导出最实用、零依赖的方案。
直接用 URL.createObjectURL 无法生成真正的 Excel（.xlsx）文件，但它能高效导出 CSV 或纯文本类表格数据——这是前端海量数据导出最实用、零依赖的方案。关键在于：不走后端、不打包大库（如 SheetJS）、不阻塞主线程，靠 Blob + Object URL 触发浏览器原生下载。
为什么选 createObjectURL 而不是 a.download + data URL？
对百万行级 CSV，data URL 会因字符串拼接和 base64 编码导致内存暴涨甚至卡死；createObjectURL 接收 Blob 对象，浏览器内部只保存引用，内存占用低、创建快、支持超大内容。
- Blob 是只读原始数据容器，可流式构造（例如用
new Blob([chunk1, chunk2, ...])） -
createObjectURL(blob)返回一个临时、唯一的 URL（如blob:https://xxx/abcd-1234），生命周期绑定页面，关闭标签页自动释放 - 配合
<a href="blob:..." download="data.csv"></a>点击即可下载，无需服务端参与
分块生成 CSV Blob，避免内存溢出
不要一次性把所有数据转成字符串再建 Blob。尤其当数据来自 API 响应或大型数组时，应按批次（如每 1 万行）生成子 Blob，最后合并：
- 用
Array.prototype.slice()或迭代器分批处理原始数据 - 每批调用
csvRowToString(row)拼接为 CSV 行（注意字段内换行、逗号、双引号转义） - 将每批字符串推入
parts = []数组，最后new Blob(parts, {type: 'text/csv;charset=utf-8'}) - 示例转义逻辑：
value.includes('"') ? `"${value.replace(/"/g, '""')}"` : value
导出 Excel（.xlsx）的现实路径：仅限小数据，或降级为 CSV
纯前端生成 .xlsx 必须依赖如 SheetJS（xlsx.js）。它底层仍用 Blob 构造 ZIP 容器，但包体积大（~200KB+），且百万行写入极易触发堆内存不足或长时间卡顿。真实项目中建议：
kashen-mysql DDLtoExcel
下载
解析 MySQL 8.0 的 DDL 脚本，并将表结构导出为 Excel 格式。适用于用户需将 MySQL 的 `CREATE TABLE` 语句转换为结构化的 Excel 文件场景，导出内容包含字段名、数据类型、长度及精度等信息。支持多张表的批量处理，每张表对应 Excel 中的一个独立工作表。适用于数据库文档编写、数据字典生成及模式分析等任务。
立即学习“前端免费学习笔记（深入）”；
- 数据量 XLSX.write(workbook, {type: 'blob'}) 得到 Blob，再
createObjectURL下载 - 数据量 ≥ 5 万行：强制导出为 CSV，并在文件名/提示中说明“兼容 Excel 打开”（Excel 可无缝导入 UTF-8 CSV）
- 完全规避格式问题：服务端提供 /export?format=xlsx 接口，前端只跳转或 iframe 加载，把压力交给后端
完整轻量导出函数（CSV 版）
以下代码无外部依赖，支持中文、逗号、换行转义，自动释放 Object URL：
function exportToCSV(data, filename = 'export.csv', headers = []) {
const escape = (s) => {
if (typeof s !== 'string') s = String(s);
if (s.includes(',') || s.includes('\n') || s.includes('"')) {
return `"${s.replace(/"/g, '""')}"`;
}
return s;
};
const parts = [];
if (headers.length) {
parts.push(headers.map(escape).join(',') + '\n');
}
for (let i = 0; i < data.length; i++) {
const row = data[i];
const line = Array.isArray(row)
? row.map(escape).join(',')
: Object.values(row).map(escape).join(',');
parts.push(line + '\n');
}
const blob = new Blob(parts, { type: 'text/csv;charset=utf-8' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = filename;
document.body.appendChild(a);
a.click();
// 清理
document.body.removeChild(a);
URL.revokeObjectURL(url);
}
调用示例：exportToCSV(userDataList, 'users.csv', ['姓名', '邮箱', '注册时间'])
