js ArrayBuffer和Array区别 有大用

区别：
    1、数组里面可以放数字、字符串、布尔值以及对象和数组等，ArrayBuffer放0和1组成的二进制数据
    2、数组放在堆中，ArrayBuffer则把数据放在栈中（所以取数据时后者快）
    3、ArrayBuffer初始化后固定大小，数组则可以自由增减。

ArrayBuffer
    ArrayBuffer又称类型化数组。类型化数组是JavaScript操作二进制数据的一个接口。最初为了满足JavaScript与显卡之间大量的、实时的数据交换，它们之间的数据通信必须是二进制的

    类型化数组是建立在ArrayBuffer对象的基础上的。它的作用是，分配一段可以存放数据的连续内存区域。

    ArrayBuffer对象有一个slice方法，允许将内存区域的一部分，拷贝生成一个新的ArrayBuffer对象。

    · 上面代码拷贝buffer对象的前10个字节，生成一个新的ArrayBuffer对象。slice方法其实包含两步，第一步是先分配一段新内存，第二步是将原来那个ArrayBuffer对象拷贝过去。
    · slice方法接受两个参数，第一个参数表示拷贝开始的字节序号，第二个参数表示拷贝截止的字节序号。如果省略第二个参数，则默认到原ArrayBuffer对象的结尾。
    · 除了slice方法，ArrayBuffer对象不提供任何直接读写内存的方法，只允许在其上方建立视图，然后通过视图读写。

ArrayBuffer作为内存区域，可以存放多种类型的数据。不同数据有不同的存储方式，这就叫做“视图”。
    JavaScript提供以下类型的视图：
        Int8Array：8位有符号整数，长度1个字节。
        Uint8Array：8位无符号整数，长度1个字节。
        Int16Array：16位有符号整数，长度2个字节。
        Uint16Array：16位无符号整数，长度2个字节。
        Int32Array：32位有符号整数，长度4个字节。
        Uint32Array：32位无符号整数，长度4个字节。
        Float32Array：32位浮点数，长度4个字节。
        Float64Array：64位浮点数，长度8个字节。
    每一种视图都有一个BYTES_PER_ELEMENT常数，表示这种数据类型占据的字节数。

    每一种视图都是一个构造函数，有多种方法可以生成：

在ArrayBuffer对象之上生成视图
    同一个ArrayBuffer对象之上，可以根据不同的数据类型，建立多个视图。

    上面代码在一段长度为8个字节的内存（b）之上，生成了三个视图：v1、v2和v3。视图的构造函数可以接受三个参数：

        第一个参数：视图对应的底层ArrayBuffer对象，该参数是必需的。
        第二个参数：视图开始的字节序号，默认从0开始。
        第三个参数：视图包含的数据个数，默认直到本段内存区域结束。
    注意：v1、v2和v3是重叠：v1[0]是一个32位整数，指向字节0～字节3；v2[0]是一个8位无符号整数，指向字节2；v3[0]是一个16位整数，指向字节2～字节3。只要任何一个视图对内存有所修改，就会在另外两个视图上反应出来。

直接生成
    视图还可以不通过ArrayBuffer对象，直接分配内存而生成。

    上面代码生成一个8个成员的Float64Array数组（共64字节），然后依次对每个成员赋值。这时，视图构造函数的参数就是成员的个数。可以看到，视图数组的赋值操作与普通数组的操作毫无两样。

来自 http://www.5imoban.net/jiaocheng/jquery/202009043949.html

http://www.5imoban.net/jiaocheng/jquery/202009043949.html

//创建了2个字节的ArrayBuffer 数据默认：0000 0000 | 0000 0000
var buffer = new ArrayBuffer(2);
//log : 2
console.log(buffer.byteLength);

var buffer = new ArrayBuffer(8);
//创建一个8位的视图
var int8a = new Int8Array(buffer);
int8a[0] = 1;
int8a[1] = 2;
int8a[2] = 3;
int8a[3] = 4;
//字节长度 8
console.log('buffer byte length: ', buffer.byteLength);
//int8第一位 1
console.log('new8int : ', newInt8a[0]);
//从buffer中slice一个新的buffer
var newBuffer = buffer.slice(2);
var newInt8a = new Int8Array(newBuffer);
console.log('newBuffer byte length: ', newBuffer.byteLength);
console.log('new8int : ', newInt8a[0]);
//判断是否视图
console.log(ArrayBuffer.isView(int8a));