在前端开发中，我们通常需要处理二进制数据。在 JavaScript 中，我们可以使用 TypedArray 的数据类型来处理这些数据。然而，在早期的 ECMAScript 版本中，TypedArray 的原型存在一些问题，导致使用上非常麻烦。在 ECMAScript 2017 (ES8) 中，这个问题被彻底解决了。
TypedArray 简介
先来简单回顾一下 TypedArray。TypedArray 是一种特殊的数组类型，专门用于处理二进制数据。它们存储的是固定长度的专门类型的数据，例如 int8、uint8、int32、float32 等。
我们可以使用 TypedArray 对二进制数据进行读写操作，例如：
let buffer = new ArrayBuffer(8); let int32View = new Int32Array(buffer); int32View[0] = 1; int32View[1] = 2;
这里创建了一个大小为 8 字节的 ArrayBuffer，然后使用 Int32Array 来操作这个 ArrayBuffer 中的数据。int32View[0] 和 int32View[1] 会分别设置为 1 和 2。
TypedArray 原型问题
在早期的 ECMAScript 版本中，TypedArray 的原型存在一个问题。具体来说，每个 TypedArray 的原型都是 Object.prototype，而不是 TypedArray.prototype。这样导致了以下一些问题。
instanceof 问题
我们通常使用 instanceof 来检查一个对象是否属于某个类。然而，在早期的 ECMAScript 版本中，使用 instanceof 检查 TypedArray 会产生错误的结果。
例如，对于以下代码：
let typedArray = new Uint8Array([1, 2, 3]); console.log(typedArray instanceof Uint8Array); // false
在早期的 ECMAScript 版本中，上面的代码会输出 false，这是因为 typedArray 的原型是 Object.prototype，而不是 Uint8Array.prototype。
扩展原型问题
由于 TypedArray 的原型是 Object.prototype，因此我们无法像其他 JavaScript 数组那样扩展 TypedArray 的原型。
例如，对于以下代码：
Uint8Array.prototype.subtract = function (array) { return this.map((value, index) => value - array[index]); };
在早期的 ECMAScript 版本中，上面的代码不起作用，因为 TypedArray 的原型是 Object.prototype。
ES8 解决了这个问题
在 ECMAScript 2017 (ES8) 中，这个问题被彻底解决了。现在，所有 TypedArray 的原型都是相应 TypedArray 的原型，例如 Uint8Array.prototype。这意味着上面的两个问题都已经解决了。
现在，我们可以像其他 JavaScript 数组那样扩展 TypedArray 的原型了。例如：
Uint8Array.prototype.subtract = function (array) { return this.map((value, index) => value - array[index]); };
这样就可以在 Uint8Array 中使用 subtract 方法了。
示例代码
以下是一个使用 TypedArray 的示例代码：
-- -------------------- ---- ------- --- ------ - --- --------------- --- --------- - --- ------------------- ------------ - -- ------------ - -- --- --------- - --- ------------------- --- ---- - - -- - - ----------------- ---- - -------------------------- -展开代码
上面的代码创建了一个大小为 8 字节的 ArrayBuffer，然后使用 Int32Array 和 Uint8Array 来操作这个 ArrayBuffer 中的数据。int32View[0] 和 int32View[1] 会分别设置为 1 和 2，而 uint8View 则会输出以下内容：
1 0 0 0 2 0 0 0
总结
在 ECMAScript 2017 (ES8) 中，TypedArray 的原型问题被彻底解决了。现在，我们可以像其他 JavaScript 数组那样扩展 TypedArray 的原型了，而且 instanceof 也已经可以正常使用。这样，我们在处理二进制数据时更加方便了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f1be91f6b2d6eab3b9665f
