ArrayBuffer类型化数组

Posted 2020-10-01 吃草的虾米

类型化数组是javascript操作二进制数据的一个接口

这要从WebGL项目的诞生说起，所谓WebGL就是指浏览器与显卡之间的通信接口，为了满足JavaScript与显卡之间大量的、实时的数据交换，它们之间的数据通信必须是二进制的，而不能是传统的文本格式。比如，以文本格式传递一个32位整数，两端的JavaScript脚本与 显卡都要进行格式转化，非常耗时。这时要是存在一种机制，可以像C语言那样，直接操作字节，然后将4个字节的32位整数，以二进制形式原封不动的送入显卡，脚本的性能就会大幅提升。类型化数组就是在这种背景下诞生的。它像C语言的数组，允许开发者以数组下标的形式，直接操作内存。有了类型化数组以后，JavaScript的二进制数据处理功能增强了很多，接口之间完全可以用二进制数据通信。

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

let buffer =new ArrayBuffer(32)   // 生成一段32字节的内存区域
buffer.byteLength // 分配内存区域的字节长度（32）

//判断是否创建成功

if(buffer.byteLength === n){
 //成功
}else{
//失败
}

slice方法：将内存区域的一部分，拷贝生成一个新的ArrayBuffer对象。除此方法外，ArrayBuffer对象不提供任何直接读写内存的方法，只允许在其上方建立视图，然后通过视图读写

var buffer = new ArrayBuffer(8)

var newBuffer = buffer.slice(0,3)