Polyfill 基础知识:如何为 Uint8Array.fill 实现 polyfill
Polyfill basics: How to implement a polyfill for Uint8Array.fill
这里是 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);
有什么建议吗?谢谢!
(只是重复@Rhumbori 的评论,结束我的问题...)
更改这些行
if (!Array.prototype.fill) {
Array.prototype.fill = function(value) {
至
if (!Uint8Array.prototype.fill) {
Uint8Array.prototype.fill = function(value) {
这里是 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);
有什么建议吗?谢谢!
(只是重复@Rhumbori 的评论,结束我的问题...)
更改这些行
if (!Array.prototype.fill) {
Array.prototype.fill = function(value) {
至
if (!Uint8Array.prototype.fill) {
Uint8Array.prototype.fill = function(value) {