ArrayBuffer 是不可读写的二进制内存块容器，TypedArray 提供类型化、高性能的连续视图并支持数组操作，DataView 则用于灵活控制字节序与任意偏移的低级读写；三者分工协作，共同支撑 JavaScript 二进制数据处理。
JavaScript 中处理二进制数据，核心在于 ArrayBuffer 和围绕它的“视图”（View）——尤其是 TypedArray（如 Uint8Array、Int32Array）和 DataView。它们不是替代关系，而是分工明确：ArrayBuffer 是底层的**内存块容器**，不提供读写能力；视图才是操作这块内存的“接口”。
ArrayBuffer：纯粹的二进制内存块
ArrayBuffer 本身不可读写，只是一个固定大小的原始字节序列。它不关心内容含义，也不提供索引访问。创建后大小不可变。
- 创建：
const buf = new ArrayBuffer(16);→ 分配 16 字节空内存 - 获取大小：
buf.byteLength（只读） - 不能直接修改内容，必须通过视图（如
new Uint8Array(buf)）操作 - 可与
slice()配合生成新缓冲区（浅拷贝底层内存片段）
TypedArray：类型化、高性能的连续视图
TypedArray（如 Uint8Array、Float64Array）是绑定到 ArrayBuffer 的强类型视图，按指定数据类型（8/16/32 位整数、浮点数等）解释内存，并提供类似数组的索引访问和迭代能力。
- 创建方式多样：
new Uint8Array(10)（自动分配 10 字节 buffer）、new Int16Array(buf, 2, 4)（从偏移 2 字节开始，取 4 个 int16） - 支持
set()、subarray()、map()、forEach()等方法，语法简洁高效 - 注意字节序（Endianness）：TypedArray 默认使用平台本机字节序，跨平台传输时需留意
- 多个 TypedArray 可共享同一 ArrayBuffer，适合同一段内存按不同格式解析（如前 4 字节作 uint32，后 8 字节作 float64）
DataView：灵活控制字节序与任意偏移的低级视图
DataView 提供更底层、更可控的读写能力，适用于需要精确控制字节序、非对齐访问或动态解析协议的场景。
立即学习“Java免费学习笔记（深入）”；
- 必须传入 ArrayBuffer 构造：
const view = new DataView(buf); - 所有读写方法都显式指定 字节偏移 和 字节序（
true为小端）：view.getUint32(0, true)、view.setFloat64(4, 3.14159, false) - 支持非对齐访问（如从第 3 字节读一个 int32），而 TypedArray 要求自然对齐（int32 必须从 4 的倍数偏移开始）
- 适合解析网络包、文件头、自定义二进制协议等
实际协作：典型工作流
多数真实场景中，三者协同使用：用 ArrayBuffer 承载原始数据，用 TypedArray 做批量处理（如图像像素操作），用 DataView 做精细字段解析（如读取 PNG 文件头中的魔数和长度字段）。
- 从
fetch或FileReader获取ArrayBuffer后，通常立即封装为Uint8Array进行校验或预处理 - 解析结构化二进制格式（如 WASM 模块、音频帧）时，先用
DataView读头部元信息，再根据字段值创建对应 TypedArray 视图处理主体数据 - 注意内存安全：视图一旦创建就持有 ArrayBuffer 引用，避免意外释放 buffer 导致视图失效（
buf = null不影响已存在的视图）
