javascript读取处理二进制数据依赖arraybuffer、typedarray和dataview，配合filereader、fetch等api；需指定arraybuffer响应类型，避免字符串自动转换，并注意base64解码、编码转换及内存优化。
JavaScript 中读取和处理二进制数据主要依靠 ArrayBuffer、TypedArray（如 Uint8Array、Int32Array）和 DataView，配合 FileReader、fetch 或 Web Workers 等 API 实现。核心是理解二进制数据在 JS 中的内存表示与访问方式，而非直接操作字节流字符串。
从文件或网络加载二进制数据
浏览器中常见来源是用户选择的文件或 HTTP 响应。关键是要指定正确的响应类型或读取方式，避免被自动转为字符串：
- 用
FileReader读取本地文件时，调用readAsArrayBuffer(file)，而非readAsText() - 用
fetch获取资源时，设置response.arrayBuffer()获取原始二进制数据，不要用text()或json() - 如果后端返回的是 base64 编码字符串，需先用
atob()解码，再通过Uint8Array转为二进制 —— 注意 base64 解码后需逐字节转成数字数组
用 TypedArray 和 DataView 解析结构化二进制
TypedArray 提供按类型批量读写（如连续读取 100 个 8 位无符号整数），适合已知格式的整块数据；DataView 支持任意偏移、大小端控制，更适合解析协议头、图像元数据等混合格式：
-
new Uint8Array(buffer)可直接遍历每个字节，适合像素处理或简单校验 -
new DataView(buffer)配合getUint32(offset, littleEndian)精确读取某位置的 4 字节整数，常用于解析 PNG、WAV 等文件头 - 修改数据时，直接赋值到
Uint8Array[i] = 255或dataView.setFloat64(offset, 3.14159)
转换与互操作：Blob、Base64、字符串
实际开发中常需在不同格式间转换，注意编码语义：
- Blob → ArrayBuffer：用
new Response(blob).arrayBuffer()或FileReader - ArrayBuffer → Base64：先转为
Uint8Array，再用String.fromCharCode(...arr)拼接字符串，最后btoa()—— 更推荐使用Buffer.from(buf).toString('base64')（Node.js）或base64-js库（浏览器）避免 Unicode 陷阱 - 二进制 ↔ UTF-8 字符串：用
TextEncoder.encode(str)和TextDecoder.decode(uint8Array)，不依赖escape/unescape或错误的charCodeAt处理
性能与内存注意事项
大文件或高频操作时，避免意外拷贝和垃圾压力：
- 尽量复用同一个
ArrayBuffer，通过不同TypedArray视图读写不同区域（共享内存） - 不用
slice()创建新 buffer，改用subarray(start, end)返回视图（零拷贝） - 处理音频/视频帧等流式数据时，考虑用
SharedArrayBuffer（配合 Worker）实现跨线程高效共享 - 不再需要时，可将引用设为
null，帮助 GC 回收 —— 尤其在单页应用反复加载大文件时
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
