小程序/JS二进制操作ArrayBuffer

ArrayBuffer是JavaScript用来处理二进制的，ArrayBuffer对象保存着原始二进制数据，它不能对数据进行操作，

只能通过视图类（TypeArray或DataView）才能对数据进行读写。

ArrayBuffer特点

• 数组里面存放的是二进制原始数据
• 初始化后固定大小

// 创建一个8-byte的ArrayBuffer
var b = new ArrayBuffer(8);
 
// 创建一个b的引用，类型是Int32，起始位置在0，结束位置为缓冲区尾部
var v1 = new Int32Array(b);
 
// 创建一个b的引用，类型是Uint8，起始位置在2，结束位置为缓冲区尾部
var v2 = new Uint8Array(b, 2);
 
// 创建一个b的引用，类型是Int16，起始位置在2，总长度为2
var v3 = new Int16Array(b, 2, 2);

数组缓冲器视图DataView

使用ArrayBuffer（数组缓冲器类型）的一种特别的方式就是用它来创建数组缓冲器视图。 其中，最常见的视图是DataView，通过它可以选择ArrayBuffer中的一小段字节。 为此，可在创建DataView实例的时候传入一个ArrayBuffer、一个可选的字节偏移量（从该字节开始选择）和一个可选的要选择的字节数。

ArrayBuffer可以存放多种类型的数据，而不同类型的存储方式就是DataView

DataView的类型如下：

Int8Array：8位有符号整数，长度1个字节。 Uint8Array：8位无符号整数，长度1个字节。 Int16Array：16位有符号整数，长度2个字节。 Uint16Array：16位无符号整数，长度2个字节。 Int32Array：32位有符号整数，长度4个字节。 Uint32Array：32位无符号整数，长度4个字节。 Float32Array：32位浮点数，长度4个字节。 Float64Array：64位浮点数，长度8个字节。

类型化视图一般也被称为类型化数组，因为它们除了元素必须是某种特定的数据类型外，与常规的数组无异。而且它们都继承了DataView。

ArrayBuffer对象并没有提供任何读写内存的方法，而是允许在其上方建立“视图”，从而插入与读取内存中的数据。

ArrayBufferUint8Array数组存储内容放0和1组成的二进制数据放数字、字符串、布尔值以及对象和数组等存储位置数据放在栈中（所以取数据较快）放在堆中存储大小初始化后固定大小数组则可以自由增减

var arraybuffer = new ArrayBuffer(8);//实例化时，仅需传入字节数
ArrayBuffer.length;  // 1
arraybuffer.byteLength;  // 8
 
var int8a = new Int8Array(arraybuffer);//类方法ArrayBuffer.isView()判断某对象是否为视图
ArrayBuffer.isView(int8a)  //return true