介绍
在 ES10 中，我们可以使用 Array Buffer 和 Shared Array Buffer 进行二进制数据的存储和操作，这种操作可以更高效地处理大量的数据，并且在多个线程中共享数据。
Array Buffer
Array Buffer 是一个固定大小的二进制数据缓存区，它表示一段二进制数据内存空间，并且只能在刚开始时设置长度。我们可以将 Array Buffer 看作是一个存储二进制数据的数组，每一个元素占用一个字节。
创建一个 Array Buffer 的方式如下：
const buffer = new ArrayBuffer(8); // 8个字节的 ArrayBuffer
TypedArray
TypedArray 是基于 Array Buffer 的类型化数组，它提供了一种更好的操作二进制数据的方式。我们可以通过指定一个合适的类型对 Array Buffer 进行切片，并创建出一个 TypedArray。
常见的 TypedArray 有以下几种：
- Int8Array、Uint8Array、Uint8ClampedArray：每个元素占一个字节
- Int16Array、Uint16Array：每个元素占两个字节
- Int32Array、Uint32Array、Float32Array、Float64Array：每个元素占四个字节
每个 TypedArray 都提供了一些基本的方法和属性，例如 length、buffer 等。
如果我们想要获取一个指定段的二进制数据，可以通过以下方式：
-- -------------------- ---- ------- ----- ------ - --- --------------- ----- ---- - --- ------------------- ------- - ---- ------- - ---- ----- ------- - ---------------- --- --------------------- -- -----
DataView
DataView 是一个通用的操作二进制数据的方式，它提供了更加灵活的方法和属性。我们可以通过 DataView 访问到 Array Buffer 中任何位置的数据，并且可以指定元素的大小和字节序。
使用 DataView 的方式如下：
const buffer = new ArrayBuffer(8); const view = new DataView(buffer); view.setInt16(0, 12345, true); console.log(view.getInt16(0, true)); // little-endian console.log(view.getInt16(0, false)); // big-endian
Shared Array Buffer
Shared Array Buffer 和 Array Buffer 非常类似，不同的是它可以在多个进程或线程中共享数据。
在使用 Shared Array Buffer 时需要注意，由于多个进程或线程访问同一段内存，因此需要遵循一些特定的规则来保证数据的正确性。例如，在修改数据时需要进行同步操作，有时还需要使用 Atomics 等特定方法来保证操作的原子性。
使用 Shared Array Buffer 的方式如下：
const sab = new SharedArrayBuffer(8); const view = new Int32Array(buffer); view[0] = 123; Atomics.add(view, 0, 456); console.log(view[0]); // 579
总结
ES10 中的 Array Buffer 和 Shared Array Buffer 提供了更好的操作二进制数据的方式，可以更高效地处理大量的数据，并且在多个进程或线程中共享数据。在使用这些功能时需要特别注意数据的同步和线程间的通信。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d05b04b5eee0b525751b26