ArrayBuffer是一种二进制数据类型，用于存储页面中任何类型的数据。ES7新增了对ArrayBuffer的新支持，使得开发者可以更加灵活地使用二进制数据类型。本文将介绍ES7新增的ArrayBuffer支持，包括如何使用ArrayBuffer、如何转换不同类型的数据、以及一些示例代码帮助您更好地理解ES7新增的ArrayBuffer支持。
ArrayBuffer
ArrayBuffer是ES7新增的类型，它表示二进制数据缓冲区，基本上就是一个二进制数组。ArrayBuffer有以下几个特性：
固定尺寸：一旦创建，ArrayBuffer的大小不能改变。
无法直接操纵数据：ArrayBuffer只是一个向操作系统请求一块内存区的工具，无法直接操作其内的数据。
要想操纵ArrayBuffer内的数据，需要使用JavaScript语言中的TypedArray类型。下面就是TypedArray类型：
TypedArray
TypedArray类型是基于ArrayBuffer的，用于操纵ArrayBuffer类型数据。 与ArrayBuffer相比，TypedArray类型具有以下几个优点：
可读可写：相比于ArrayBuffer，TypedArray具有更改其偏移量的能力。
使用更简单：TypedArray类型可以像普通数组一样使用。
下面是五种TypedArray类型：
- Int8Array:用于处理8位的有符号的整数数据。
- Uint8Array:用于处理8位的无符号的整数数据。
- Uint8ClampedArray:用于处理8位的无符号的整数数据，该类型处理负数时结果会被截断至0-255的范围内。
- Int16Array:用于处理16位的有符号的整数数据。
- Uint16Array:用于处理16位的无符号的整数数据。
- Int32Array:用于处理32位有符号的整数数据。
- Uint32Array:用于处理32位无符号的整数数据。
- Float32Array:用于处理32位浮点数数据。
- Float64Array:用于处理64位浮点数数据。
现在，我们来看看如何使用ArrayBuffer以及TypedArray获取和操纵数据：
创建ArrayBuffer
为了创建ArrayBuffer类型的对象，可以使用以下语法：
const arrayBuffer = new ArrayBuffer(bufferSize);
大部分浏览器支持的bufferSize的大小有限制，不能过大。因此，通常将它置于2的次幂，如16、32、64、128等。
创建TypedArray
要创建TypedArray类型的对象，可以使用以下语法：
var typedArray = new TypedArray(arrayBuffer, byteOffset, length);
以上代码中，arrayBuffer是要被操作的ArrayBuffer对象，byteOffset指定了从哪个位置开始操作，length是要获取的数据的条数。
下面是一个通过ArrayBuffer创建并操纵8位整数的例子：
-- -------------------- ---- ------- -- ------------------- ----- ------ - --- ---------------- -- -------------------------------------- ----- -------- - --- ------------------ -- ----------- ----------- - --- -- ----------------- ---------------------- -- ------------- --- --- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
总结
ES7新增的对ArrayBuffer的支持，使得JavaScript开发人员可以更好地处理二进制数据类型的数据。在本文中，我们学习了如何创建和使用ArrayBuffer和TypedArray，并给出了一些实际的代码示例。通过这些知识，我们可以在JavaScript中方便的操作和转换二进制数据。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646c8683968c7c53b0b7ce18