ArrayBuffer, DataView和TypedArray

我就是我 2022-02-21 15:51 188阅读 0赞

## ArrayBuffer ##

`ArrayBuffer`对象用于表示**哦通用的、固定长度的原始二进制数据缓冲区**。  
`ArrayBuffer`对象不能直接操作，而要通过`TypeArray`或`DataView`对象来操作。  
他们会将缓冲区中的数据表示为特定的格式，并通过这些格式来读写缓冲区的内容。  
创建`ArrayBuffer`可以指定字节数，在内存中分配该大小的内存。

构造器：`ArrayBuffer(byteLength)`

var buffer = new ArrayBuffer(10); // 10字节
    console.log(buffer.byteLength);   // 10
    
    var bf1 = buffer.slice(1, 3);
    console.log(bf1.byteLength);    // 2

## DataView ##

> The DataView view provides a low-level interface  
> for reading and writing multiple number types in a binary ArrayBuffer,  
> without having to care about the platform’s endianness.
> 
> DataView对象提供在二进制ArrayBuffer对象中读写操作数值类型的底层接口。  
> (不用关心平台的字节序)

构造器：`DataView(buffer, ?byteOffset, ?byteLength)`  
默认：`byteOffset`为`0`，`byteLength`为`buffer.byteLength`，即可操作整块`buffer`对象。

var buffer = new ArrayBuffer(10);
    console.log(buffer.byteLength);
    var view1 =  new DataView(buffer);
    console.log(view1.byteLength);
    var view2 =  new DataView(buffer, 5, 3);
    console.log(view2.byteLength);

## 数值类型 ##

以下10种类型(后跟的数值表示位数，`8 bit为1 byte`)都有对应的`getters, setters`。

*  `Float32`
    
     *  `view.getFloat32(byteOffset, ?littleEndian)`
     *  `view.setFloat32(byteOffset, value, ?littleEndiana)`
 *  `Float64`
    
     *  `view.getFloat64(byteOffset, ?littleEndian)`
     *  `view.setFloat64(byteOffset, value, ?littleEndiana)`
 *  `Int8`
    
     *  `view.getInt8(byteOffset)`
     *  `view.setInt8(byteOffset, value)`
 *  `Int16`
    
     *  `view.getInt16(byteOffset, ?littleEndian)`
     *  `view.setInt16(byteOffset, value, ?littleEndian)`
 *  `Int32`
    
     *  `view.getInt32(byteOffset, ?littleEndian)`
     *  `view.setInt32(byteOffset, value, ?littleEndian)`
 *  `BigInt64`
    
     *  `view.getInt64()` 返回`0n`
     *  `view.setInt64()`
 *  `Uint8`
 *  `Uint16`
 *  `Uint32`
 *  `BigUint64`

其中，只有`Int8`(即1字节)不需要指定`字节序`。  
其他多字节数都需要指定字节序(不指定则`littleEndian默认为false`)。  
即使用`bigEndian`大端对齐的字节序。

## `TypedArray` ##

`A TypedArray object describes an array-like view of an underlying binary data buffer.`  
`TypedArray`对象描述了一个底层的二进制数据缓冲区的类数组视图。

new TypedArray(); // new in ES2017
    new TypedArray(length);
    new TypedArray(typedArray);
    new TypedArray(object);
    new TypedArray(buffer [, byteOffset [, length]]);
    
    // where TypedArray() is one of:
    
    Int8Array();
    Uint8Array();
    Uint8ClampedArray();
    Int16Array();
    Uint16Array();
    Int32Array();
    Uint32Array();
    Float32Array();
    Float64Array();
    BigInt64Array();
    BigUint64Array();