在 ES9 中，JavaScript 引入了新的 ArrayBuffer 和 SharedArrayBuffer 类型，这两个类型都是用于处理二进制数据的。本文将详细介绍这两个类型的特点、用法以及使用注意事项。
ArrayBuffer
ArrayBuffer 是一种用于处理二进制数据的类型，它代表了一个固定长度的原始二进制数据缓冲区。它的长度是在创建时指定的，且无法更改。ArrayBuffer 可以用于存储任何类型的二进制数据，包括图片、音频、视频等。
创建 ArrayBuffer
我们可以使用 new ArrayBuffer() 方法来创建一个 ArrayBuffer。该方法接受一个整数参数，表示创建的 ArrayBuffer 的长度，单位是字节。例如，下面的代码创建了一个长度为 8 字节的 ArrayBuffer：
const buffer = new ArrayBuffer(8);
操作 ArrayBuffer
我们可以通过 DataView、TypedArray 等类型来操作 ArrayBuffer。DataView 是一个可以读写 ArrayBuffer 的视图类型，它提供了一系列方法来操作 ArrayBuffer 中的数据。而 TypedArray 是一组类型化数组类型，它们可以直接操作 ArrayBuffer 中的数据，包括读写、复制、转换等。
下面是一个使用 DataView 读写 ArrayBuffer 中数据的示例代码：
const buffer = new ArrayBuffer(8); const view = new DataView(buffer); view.setInt8(0, 1); view.setInt16(1, 2); console.log(view.getInt8(0)); // 输出 1 console.log(view.getInt16(1)); // 输出 2
注意事项
由于 ArrayBuffer 中存储的是二进制数据，因此在读写时需要注意字节序的问题。字节序是指字节在内存中的排列顺序，通常分为大端序和小端序两种。在使用 DataView 或 TypedArray 读写 ArrayBuffer 时，需要根据具体情况指定字节序。
SharedArrayBuffer
SharedArrayBuffer 是一种特殊的 ArrayBuffer，它可以被多个线程共享。在多线程编程中，SharedArrayBuffer 可以用于实现线程间的数据共享，从而提高程序的并发性能。
创建 SharedArrayBuffer
我们可以使用 new SharedArrayBuffer() 方法来创建一个 SharedArrayBuffer。该方法接受一个整数参数，表示创建的 SharedArrayBuffer 的长度，单位是字节。例如，下面的代码创建了一个长度为 8 字节的 SharedArrayBuffer：
const buffer = new SharedArrayBuffer(8);
操作 SharedArrayBuffer
我们可以通过 Atomics、Float32Array、Int32Array 等类型来操作 SharedArrayBuffer。Atomics 是一个全局对象，它提供了一系列原子操作方法，可以保证多个线程对 SharedArrayBuffer 的读写操作是原子性的。而 Float32Array、Int32Array 等类型是 TypedArray 的子类，它们可以直接操作 SharedArrayBuffer 中的数据。
下面是一个使用 Atomics 读写 SharedArrayBuffer 中数据的示例代码：
const buffer = new SharedArrayBuffer(8); const array = new Int32Array(buffer); Atomics.store(array, 0, 1); Atomics.add(array, 1, 2); console.log(Atomics.load(array, 0)); // 输出 1 console.log(Atomics.load(array, 1)); // 输出 2
注意事项
由于 SharedArrayBuffer 可以被多个线程共享，因此在使用时需要注意线程同步的问题。在多线程编程中，我们通常使用锁、信号量等同步机制来保证线程间的同步。此外，由于 SharedArrayBuffer 可能存在安全风险，例如 Spectre 和 Meltdown 漏洞，因此浏览器通常会限制其在 Web Worker 中的使用。
总结
ArrayBuffer 和 SharedArrayBuffer 是 ES9 中新增的用于处理二进制数据的类型，它们分别用于处理单线程和多线程的二进制数据。在使用时，我们需要根据具体情况选择使用 DataView、TypedArray、Atomics 等类型来操作 ArrayBuffer 和 SharedArrayBuffer，并注意字节序和线程同步的问题。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6559ce2ed2f5e1655d43afe1