ES12 最近发布了一些新的特性，其中包括对处理二进制数据的支持。在本文中，我们将讨论这些改进及其用例，并提供一些示例代码来帮助您入门。
ArrayBuffer
ArrayBuffer 是一种 JavaScript 对象，用于表示一块内存区域。它可以用来存储任何类型的数据，包括二进制数据。以下是一个简单的示例，它使用 ArrayBuffer 来存储一些二进制数据：
const buffer = new ArrayBuffer(4); const view = new DataView(buffer); view.setInt32(0, 42);
此代码创建了一个 4 字节长的 ArrayBuffer 对象。然后，它使用 DataView 对象来将一个 32 位整数值 (42) 写入该对象的第一个字节中。
TypedArray
TypedArray 是一种用于处理 ArrayBuffer 的 JS API。它有几个不同的子类来处理不同类型的二进制数据，例如 Int8Array、Uint8Array、Int16Array、Uint16Array、Int32Array 和 Uint32Array。每个 TypedArray 子类都提供了访问 ArrayBuffer 数据的多种方法。
以下是一个例子，它使用 Uint8Array 和 DataView 对象来访问上面示例中的 ArrayBuffer 数据：
const buffer = new ArrayBuffer(4); const view = new DataView(buffer); view.setInt32(0, 42); const array = new Uint8Array(buffer); console.log(array); // Uint8Array [ 42, 0, 0, 0 ]
注意，这个例子使用 Uint8Array 对象来访问 ArrayBuffer 数据。由于 ArrayBuffer 只能存储字节，所以我们需要使用 DataView 对象来把 32 位整数拆分为 4 个字节，并使用 Uint8Array 对象访问这些字节。
BigInt64Array 和 BigUint64Array
ES11 引入了 BigInt 类型，以支持大整数计算。现在在 ES12 中，我们也有了 BigInt64Array 和 BigUint64Array，这些类型可用于处理 64 位长的二进制数据。
以下是一个示例，它演示了如何使用这两个类型将 64 位整数编码为二进制数据：
const buffer = new ArrayBuffer(8); const view = new DataView(buffer); view.setBigInt64(0, 9007199254740992n); const array = new BigInt64Array(buffer); console.log(array); // BigInt64Array [9007199254740992n]
注意，由于 BigInt64Array 和 BigUint64Array 可以存储 64 位数据，所以我们使用 8 字节的 ArrayBuffer 对象来存储它们。
DataView 和 TypedArray 的方法
除了上述方法，DataView 和 TypedArray 还提供了许多用于处理二进制数据的其他方法。例如，DataView 提供了以下方法：
- getInt8(offset)
- getUint8(offset)
- getInt16(offset[, littleEndian])
- getUint16(offset[, littleEndian])
- getInt32(offset[, littleEndian])
- getUint32(offset[, littleEndian])
- getBigInt64(offset[, littleEndian])
- getBigUint64(offset[, littleEndian])
- setInt8(offset, value)
- setUint8(offset, value)
- setInt16(offset, value[, littleEndian])
- setUint16(offset, value[, littleEndian])
- setInt32(offset, value[, littleEndian])
- setUint32(offset, value[, littleEndian])
- setBigInt64(offset, value[, littleEndian])
- setBigUint64(offset, value[, littleEndian])
- getFloat32(offset[, littleEndian])
- getFloat64(offset[, littleEndian])
- setFloat32(offset, value[, littleEndian])
- setFloat64(offset, value[, littleEndian])
TypedArray 也提供了类似的方法。这些方法使我们能够以不同格式读取和写入二进制数据 (例如，按大小端排列)。
结论
ES12 引入的新特性扩展了 JavaScript 处理二进制数据的能力。ArrayBuffer 和 TypedArray 为我们提供了访问二进制数据的途径，而 BigInt64Array 和 BigUint64Array 则允许我们处理超过 32 位的整数。DataView 和 TypedArray 的方法为我们提供了一种处理二进制数据的方式。我们通过结合这些特性，可以更好地处理网络、存储和其他类型的二进制数据。
希望这篇文章可以给您带来深度和指导意义。以下是本文中使用的所有示例代码：
-- -------------------- ---- ------- ----- ------ - --- --------------- ----- ---- - --- ----------------- ---------------- ---- ----- ----- - --- ------------------- ------------------- -- ---------- - --- -- -- - - ----- ------ - --- --------------- ----- ---- - --- ----------------- ------------------- ------------------- ----- ----- - --- ---------------------- ------------------- -- ------------- -------------------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6704f7a2d91dce0dc85112f3