JavaScript通过ArrayBuffer实现二进制数据操作，需配合TypedArray或DataView使用；TypedArray提供带类型视图（如Uint8Array），支持高效读写；DataView支持字节序控制，适用于网络协议解析；广泛用于文件处理、WebSocket、Canvas、WebGL及加密等场景。
JavaScript 中的缓冲区和内存操作主要通过 ArrayBuffer 和相关视图（如 TypedArray、DataView）来实现。虽然 JavaScript 是高级语言，抽象了大部分内存管理细节，但在处理二进制数据（如文件、网络传输、Canvas 图像数据、WebGL 等）时，直接操作内存变得非常必要。
ArrayBuffer：底层二进制数据容器
ArrayBuffer 表示一段固定长度的二进制数据缓冲区。它不能直接读写，必须通过 TypedArray 或 DataView 来操作。
创建一个 8 字节的缓冲区：
const buffer = new ArrayBuffer(8);
此时 buffer 只是一块空的内存区域，无法直接操作内容。
立即学习“Java免费学习笔记（深入）”；
TypedArray：类型化数组视图
TypedArray 提供了带数据类型的视图来读写 ArrayBuffer 中的内容。常见的有：
- Int8Array：8 位整数
- Uint8Array：无符号 8 位整数
- Int16Array：16 位整数
- Float32Array：32 位浮点数
- Float64Array：64 位浮点数
使用示例：
同程联盟景点门票动态程序 beta1.0
下载
经过一段时间的开发，以及内部测试，同程网联盟景区新版程序正式发布推出，感谢广大联盟会员一直以来的支持与关注！ 同程网联盟景区新版程序新功能介绍：1.统一的页面风格。页面风格将与随后推出的度假线路、酒店、机票以及融合版联盟程序风格保持一直；2.新增后台管理系统。可更加方便快捷的对网站进行个性化设置；3.动态与伪静态切换。后台操作，简单便捷；4.缓存管理。新增缓存，提高网站访问速度，后台可定期清理；5
const buffer = new ArrayBuffer(8); const view = new Uint8Array(buffer); view[0] = 42; console.log(view[0]); // 输出 42
多个视图可以共享同一块缓冲区，改变一个会影响其他视图。
DataView：灵活的字节级操作
当需要控制字节序（大端或小端）或在不同位置读取不同类型的数据时，DataView 更加合适。
const buffer = new ArrayBuffer(8); const dataView = new DataView(buffer); dataView.setUint32(0, 0x12345678); dataView.setUint32(4, 0xabcdef00, true); // true 表示小端模式 console.log(dataView.getUint32(0).toString(16)); // 12345678 console.log(dataView.getUint32(4, true).toString(16)); // abcdef00 (小端)
DataView 特别适合解析网络协议、文件格式等对字节顺序敏感的场景。
常见应用场景
这类内存操作广泛用于：
- 文件处理：读取上传的二进制文件（如图片、音频）
- WebSocket 通信：发送和接收二进制帧
- Canvas 和 WebGL：处理像素数据或 GPU 缓冲区
- 加密操作：Crypto API 返回 ArrayBuffer 类型数据
- 编码转换：配合 TextEncoder/TextDecoder 处理文本与二进制互转
基本上就这些。掌握 ArrayBuffer 和视图的使用，就能在 JavaScript 中高效地进行底层内存操作，而不必依赖字符串或其他低效方式处理二进制数据。
