【发布时间】:2023-09-30 21:38:01
【问题描述】:
Polyfill 新手在这里。我完全被这个简单的案例弄糊涂了,我想在其中初始化一个类型化数组:
var x = new Uint8Array(3).fill(42);
console.log(x);
这在 Chrome 和 Firefox 中运行良好:控制台显示 [42, 42, 42]。不支持fill 方法的Safari 会抛出此错误:"TypeError: new Uint8Array(3).fill is not a function."。这很有意义。所以我想我需要实现一个polyfill,对吧?正确的! MDN 提供this one,但是当我添加这段代码时,没有任何变化:Safari 继续抛出同样的错误。显然我做错了什么。这甚至是用于Uint8Array 的正确 polyfill 吗?
这是我正在执行的代码(包括 MDN polyfill):
if (!Array.prototype.fill) {
Array.prototype.fill = function(value) {
// Steps 1-2.
if (this == null) {
throw new TypeError('this is null or not defined');
}
var O = Object(this);
// Steps 3-5.
var len = O.length >>> 0;
// Steps 6-7.
var start = arguments[1];
var relativeStart = start >> 0;
// Step 8.
var k = relativeStart < 0 ?
Math.max(len + relativeStart, 0) :
Math.min(relativeStart, len);
// Steps 9-10.
var end = arguments[2];
var relativeEnd = end === undefined ?
len : end >> 0;
// Step 11.
var final = relativeEnd < 0 ?
Math.max(len + relativeEnd, 0) :
Math.min(relativeEnd, len);
// Step 12.
while (k < final) {
O[k] = value;
k++;
}
// Step 13.
return O;
};
}
var x = new Uint8Array(3).fill(42);
console.log(x);
有什么建议吗?谢谢!
【问题讨论】:
-
因为它是
Uint8Array而不是Array?您是否尝试将 polyfill 代码更改为if (!Uint8Array.prototype.fill) { Uint8Array.prototype.fill = function(value){...? -
@Rhumborl:是的——成功了。谢谢! (现在为什么我没有看到呢?有时最明显的东西是最难看到的……)
标签: javascript arrays polyfills