对类型化数组(TypedArray)与ArrayBuffer的理解_html/css_WEB-ITn

是类型化数组（Typed Array）也是HTML5中新引入的API。用一句话解释类型化数组就是：它是JS操作二进制数据的接口。 众所周知，直接操作二进制数据可以使程序更为高效， 尽管JS对常规数组做了很多优化（JS数组被实现为对象形式），但是不得不承认JS数组的效率一直不高。比如在WebGL中的图像数据传输， 如果使用原生的JS数组， 浏览器在与显卡通信时，必须将它转换为二进制形式，这一步较为耗时。正是因为有大量二进制数据的操作需求，所以ArrayBuffer应运而生。在Canvas(可参考本人canvas笔记canvas的基本原理)中，使用 getImageDate()方法所返回的 ImageData对象就是一个类数组对象，HTML标准中称其为 CanvasPixelArray，它除了在值的处理方式上与 ArrayBuffer中视图类型 Unit8Array有点区别外，其他都一样( Unit8Array只能处理0-255的数字，而 CanvasPixelArray可以处理更多)

var  a = new Int8Array(3)a[0] = 'hello'a[0] // =>0 显示a[0]依然未定义a[0] = '8'a[0]  // = > 8 但是注意类型的自动转换，当可被转换成数字时，JS会自动将其转成数值 

DataView

既然本质是在操作二进制数据，那么就涉及到“高位优先”还是“低位优先”的数据传输问题……

今天太晚啦，明天接着码，未完待续～

查看更多关于对类型化数组(TypedArray)与ArrayBuffer的理解_html/css_WEB-ITn的详细内容...