JavaScript 处理大文件需分层协同优化：流式分块加载、类型化数组替代普通对象、懒加载与虚拟滚动、WeakRef 管理生命周期、LRU 缓存+IndexedDB 存储及卸载清理。
JavaScript 处理大文件时，内存加载容易引发卡顿、崩溃或长时间 GC 暂停，核心在于避免一次性全量加载、减少堆压力、控制生命周期。优化不是“选一个方案”，而是分层协同——从加载方式、数据结构、流式处理到缓存清理，环环相扣。
用流式加载替代全量读取
浏览器 FileReader 或 ArrayBuffer 默认会把整个文件塞进内存，100MB 文件≈100MB 堆占用。改用 streaming + chunked read 是最直接的破局点：
- 用
File.slice()分块读取（如每次 2MB），配合FileReader.readAsArrayBuffer()逐块处理，不累积完整副本 - 对 ZIP 等归档文件，优先启用 JSZip 的
streamFiles: true，让generateAsync()返回可读流而非完整 Blob - 服务端配合返回
Content-Range和Accept-Ranges，前端用fetch+ReadableStream边下载边解析，彻底绕过内存缓冲
用合适的数据结构代替普通对象
大文件解析后常转成 JSON 或嵌套对象，但 V8 对 >256KB 的对象会直接分配到 LargeObjectSpace，回收成本高 3–5 倍：
- 避免深度嵌套结构，用
Map、Set或扁平键值对（如{'row_1234': data}）替代树形 JSON - 数值密集型场景（如 CSV 解析、图像像素）强制使用 类型化数组：
Uint8Array、Float32Array内存占用比普通数组低 50% 以上 - 文本类大内容（如日志、文档）不要
.toString()转成字符串，保留Uint8Array或用TextDecoder按需解码片段
按需解压与懒加载解引用
很多场景并不需要立刻访问全部内容——比如只查 ZIP 中某个文件、只渲染 PDF 第一页：
立即学习“Java免费学习笔记（深入）”；
- JSZip 加载时传
{ lazy: true }，文件元数据立即可用，实际内容等到.async()调用才解压 - 对大型数组或列表，实现虚拟滚动（virtual scroll），DOM 只渲染可视区域，后台数据用 WeakMap 缓存已处理块，未访问块自动被 GC 回收
- 用
WeakRef+FinalizationRegistry主动监听对象释放时机，及时清理关联资源（如 Web Worker、Canvas 上下文）
严格管控缓存生命周期
缓存能提速，但失控就是内存泄漏温床：
- 内存缓存（如 Map 存解析结果）必须设大小上限 + LRU 驱逐策略，避免无限增长；推荐用 lru-cache 或手写带 TTL 的 Map
- 避免用
localStorage存大文件内容（5MB 限制+序列化开销），改用IndexedDB分块存储，且每次写入前检查剩余空间 - 页面卸载前（
beforeunload）或组件 unmount 时，显式调用URL.revokeObjectURL()、worker.terminate()、清空 TypedArray 缓冲区引用
