什么是ArrayBuffer？
在学习 ArrayBuffer 转换工具之前，我们先来了解一下什么是 ArrayBuffer。ArrayBuffer 是 ES6 提供的一种用于在 JavaScript 中表示二进制数据的数据类型，它可以存储多个字节的数据，而且可以非常高效地进行读取和写入。ArrayBuffer 可以通过 TypedArray 和 DataView 对象进行操作和访问。这些对象提供了一系列方法来操作 ArrayBuffer 对象。
在 ES12 中，新增了一些 ArrayBuffer 转换工具，可以更方便地进行 ArrayBuffer 对象之间的转换，节省了转换 ArrayBuffer 到其他数据类型的代码量，提高了代码的可读性。下面我们来学习一下如何使用这些新的转换工具。
ArrayBuffer -> String
我们常常需要将 ArrayBuffer 转换成 String 类型，这可以通过 TextDecoder 对象完成。TextDecoder 对象提供了一个 TextDecoder.decode() 方法，可以将 ArrayBuffer 转换为 String 类型。此外，TextDecoder 也提供了一些其他属性和方法，用于进一步定制解码过程。
下面是一个示例代码：
const data = new Uint8Array([72, 101, 108, 108, 111]); // "Hello" 的 ASCII 编码
const decoder = new TextDecoder('ascii');
const message = decoder.decode(data.buffer);
console.log(message); // 输出 "Hello"上述代码中，我们首先创建了一个 Uint8Array 对象，存储了字符 “Hello” 的 ASCII 编码。然后我们创建了一个 TextDecoder 对象，指定编码类型为 ascii。最后我们使用 TextDecoder.decode() 方法将 ArrayBuffer 转换为 String 类型，并输出结果。
String -> ArrayBuffer
如果需要将 String 类型转换成 ArrayBuffer，我们可以使用 TextEncoder 对象。TextEncoder 对象提供了一个 TextEncoder.encode() 方法，用于将 String 类型转换成 Uint8Array 类型。然后，我们可以使用 Uint8Array.buffer 属性，将 Uint8Array 中的数据转换成 ArrayBuffer。
下面是一个将 String 类型转换为 ArrayBuffer 的示例代码：
const message = 'Hello';
const encoder = new TextEncoder();
const data = encoder.encode(message);
const buffer = data.buffer;
console.log(buffer); // ArrayBuffer { byteLength: 5 }上述代码中，我们首先创建了一个 String 类型的变量，然后使用 TextEncoder.encode() 方法将其转换为 Uint8Array 类型。最后，我们使用 Uint8Array.buffer 属性，将 Uint8Array 对象中的数据转换为 ArrayBuffer 类型，并输出结果。
结论
本文简单介绍了 ES12 中新增的 ArrayBuffer 转换工具，包括如何将 ArrayBuffer 转换为 String 类型，以及如何将 String 类型转换成 ArrayBuffer 。这些新的 ArrayBuffer 转换工具，使得在 JavaScript 中操作二进制数据变得更加简单方便，减少了代码量，同时也提高了代码的可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6718d696ad1e889fe22e74cc