TypedArray 是 ArrayBuffer 的类型化视图，不存储数据而描述如何解读缓冲区；同一 ArrayBuffer 可被多个 TypedArray 同时查看，修改一个会影响其他；需配合 DataView 处理非对齐或混合类型数据。
ES6 的 TypedArray 不是直接操作内存的“指针”，而是为 ArrayBuffer 提供带类型、有布局的读写视图。它让 JavaScript 能像 C 语言那样高效访问二进制数据，但必须通过 ArrayBuffer 这个底层容器，且不能绕过类型约束和内存对齐规则。
TypedArray 的本质：视图，不是数据本身
TypedArray（如 Uint8Array、Float32Array）不存储数据，只描述“如何解读一段 ArrayBuffer”。同一段缓冲区可以同时被多个不同类型的视图查看：
- 创建一个 16 字节缓冲区：
const buf = new ArrayBuffer(16); - 用 Uint8Array 查看每个字节：
const bytes = new Uint8Array(buf);→ 长度为 16 - 用 Int32Array 查看为 4 个 32 位整数：
const ints = new Int32Array(buf);→ 长度为 4（16 ÷ 4） - 修改
bytes[0] = 255，ints[0]的值也会随之变化——因为它们共享同一块内存
常用 TypedArray 类型与适用场景
JavaScript 提供 9 种标准构造器，每种对应固定字节长度和数值语义：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- Uint8Array：最常用，适合逐字节处理（如图像像素、协议头解析）
- Uint8ClampedArray：专用于 Canvas 像素，赋值超出 [0,255] 时自动钳制（不溢出）
- Int16Array / Uint16Array：处理音频样本、网络字节序字段（注意端序！）
- Float32Array：WebGL 顶点坐标、科学计算、机器学习张量数据
- Uint32Array：哈希计算、位运算密集型任务（如 WebAssembly 交互）
实际操作流程：从加载到读写
典型工作流分三步，缺一不可：
立即学习“Java免费学习笔记（深入）”；
-
获取 ArrayBuffer：来自
fetch().arrayBuffer()、FileReader.readAsArrayBuffer()、WebAssembly.Memory.buffer或手动创建new ArrayBuffer(size) -
建立 TypedArray 视图：根据数据结构选择合适类型，例如图片二进制流通常用
new Uint8Array(buffer) -
读写或转换：
- 读像素：
pixels[0] // R 分量 - 批量写入：
view.set([1, 2, 3], offset) - 转为可传输格式：
new Blob([view], {type: 'application/octet-stream'}) - 与字符串互转：
new TextDecoder().decode(view)或new TextEncoder().encode(str)
- 读像素：
什么时候该换用 DataView？
TypedArray 要求数据按类型自然对齐（如 Int32 必须从第 0、4、8… 字节开始），一旦遇到混合字段或非对齐结构（比如 PNG 文件头中：2 字节 uint16 + 1 字节 uint8 + 4 字节 float32），就必须用 DataView：
- 创建：
const dv = new DataView(buffer); - 读取任意偏移：
dv.getUint16(0, false)（从第 0 字节读大端 uint16） - 写入指定位置：
dv.setFloat32(6, 3.14159, true)（小端写入 32 位浮点数） - 端序完全可控，适合解析二进制协议、文件格式、硬件通信帧
