typedarray是一组用于操作arraybuffer中固定长度、特定类型二进制数据的类数组视图，包括int8array、uint8array等多种类型，常用于高性能场景如图像、音频和网络通信；通过具体视图构造函数创建实例，共享底层arraybuffer内存，支持set、subarray等操作，但不支持push、pop等动态方法，且多字节数据受系统字节序影响，适合与dataview结合处理复杂二进制格式。
JavaScript 中的 TypedArray 并不是一个单一的构造函数，而是一组用于表示固定长度、特定类型原始二进制数据的视图。它们常用于处理音频、图像、网络协议或 WebGL 等需要高性能操作底层数据的场景。
什么是 TypedArray？
TypedArray 是一种类数组对象，用于读写 ArrayBuffer 中的数据。它不能直接创建实例，而是通过具体类型的视图来操作二进制数据。常见的 TypedArray 类型包括：
- Int8Array：8 位有符号整数
- Uint8Array：8 位无符号整数
- Uint8ClampedArray：8 位无符号整数（溢出时夹紧，常用于像素）
- Int16Array：16 位有符号整数
- Uint16Array：16 位无符号整数
- Int32Array：32 位有符号整数
- Uint32Array：32 位无符号整数
- Float32Array：32 位浮点数
- Float64Array：64 位浮点数
这些视图都基于 ArrayBuffer，它是真正存储二进制数据的容器。
基本使用方法
要使用 TypedArray，通常先创建一个 ArrayBuffer，然后用某种类型视图去“解释”这块内存。
立即学习“Java免费学习笔记（深入）”；
1. 创建 ArrayBuffer 和视图
// 创建一个 8 字节的缓冲区 const buffer = new ArrayBuffer(8); <p>// 使用 Uint8 视图操作每个字节 const uint8View = new Uint8Array(buffer); uint8View[0] = 42; uint8View[1] = 255;</p><p>// 使用 Int32 视图解释前 4 个字节为一个 32 位整数 const int32View = new Int32Array(buffer); console.log(int32View[0]); // 输出：42 + (255 << 8) = 65578</p>
2. 直接初始化 TypedArray
也可以不显式创建 ArrayBuffer，直接传入数组：
const arr = new Uint8Array([10, 20, 30, 40]); console.log(arr); // Uint8Array [10, 20, 30, 40] console.log(arr.buffer); // 对应的 ArrayBuffer
3. 从现有 ArrayBuffer 创建多个视图
同一个 ArrayBuffer 可以被多种视图共享，但注意数据解释方式不同：
专为中小型企业定制的网络办公软件,富有竞争力的十大特性： 1、独创 web服务器、数据库和应用程序全部自动傻瓜安装，建立企业信息中枢 只需3分钟。 2、客户机无需安装专用软件，使用浏览器即可实现全球办公。 3、集成Internet邮件管理组件，提供web方式的远程邮件服务。 4、集成语音会议组件，节省长途话费开支。 5、集成手机短信组件，重要信息可直接发送到员工手机。 6、集成网络硬
const buf = new ArrayBuffer(4); const a = new Uint8Array(buf); const b = new Int32Array(buf); <p>a[0] = 1; a[1] = 2; a[2] = 3; a[3] = 4;</p><p>console.log(b[0]); // 按小端序：0x04030201 → 67305985</p>
常见操作与注意事项
支持类数组操作TypedArray 提供了类似数组的方法：
- .length：获取元素个数（不是字节数）
- .set(array)：复制数据到指定位置
- .subarray(start, end)：返回子视图（共享内存）
- for...of 遍历值
不支持的操作
TypedArray 不是真正的 Array，所以：
- 不能调用 push() 或 pop()（长度固定）
- 某些高阶方法如 map()、filter() 返回的是新 TypedArray
- 不会自动扩容
字节序问题
多字节类型（如 Int32Array）依赖系统字节序（通常是小端序）。在网络传输或跨平台时需注意，必要时可使用 DataView 手动控制读写顺序。
应用场景举例
处理图像像素数据Canvas 或 ImageData 常用 Uint8ClampedArray 存储 RGBA 像素：
const pixels = new Uint8ClampedArray(4 * 100 * 100); // 100x100 图像 pixels[0] = 255; // R pixels[1] = 0; // G pixels[2] = 0; // B pixels[3] = 255; // A
WebSocket 二进制通信
接收二进制消息后可用 TypedArray 解析：
socket.onmessage = function(event) {
if (event.data instanceof ArrayBuffer) {
const bytes = new Uint8Array(event.data);
console.log('Received:', bytes);
}
};
基本上就这些。TypedArray 提供了高效操作二进制数据的能力，理解它和 ArrayBuffer 的关系是关键。实际开发中结合 DataView 可更灵活地处理复杂格式。
