灵感来自于学习ZRender源码的时候看到的
/**
* Convert dynamic array to static Float32Array
*
* It will still use a normal array if command buffer length is less than 10
* Because Float32Array itself may take more memory than a normal array.
*
* 10 length will make sure at least one M command and one A(arc) command.
*/
而后开始思考这里为什么会选用这个类数组来代替我们普通使用的数组
关于Float32Array以及内存分布相关可以看这篇文章数组内存分布以及存储特点
我这边在补充一点我思考的为什么要选择用
Float32Array 是 JavaScript 中的一种特殊类型的数组,它专门用于存储 32 位浮点数。相比普通的 Array,Float32Array 有以下几个优势:
-
更加节省内存:Float32Array 存储的是单精度浮点数,每个元素占据 4 个字节,而普通的 Array 存储的可以是各种类型,对于数字类型会占据更多的内存空间。(内存方面考量)
-
计算性能更高:由于 Float32Array 存储的是连续的内存空间,因此在进行数学运算时,可以更高效计算,提高性能。(存储于栈的连续地址中)
-
直接操作二进制数据:Float32Array 可以直接操作底层的二进制数据,例如通过 TypedArray 提供的 buffer 属性可以获取底层的 ArrayBuffer,并且可以直接对其进行读写操作。(这点还有待于思考)
总的来说,Float32Array 更适合处理大量的数值计算和与底层二进制数据打交道的场景,而普通的 Array 则更适合一般的 JavaScript 数组操作。