Polyfill基础知识:如何为Uint8Array.fill实现polyfill

时间:2016-01-18 14:25:15

标签: javascript arrays polyfills

Polyfill新手在这里。我对这个简单的案例感到困惑,我想在其中初始化一个类型化的数组:

var x = new Uint8Array(3).fill(42);
console.log(x);

这在Chrome和Firefox中运行良好:控制台显示[42, 42, 42]。 Safari不支持fill方法,会抛出此错误:"TypeError: new Uint8Array(3).fill is not a function."。这很有道理。所以我想我需要实现一个polyfill,对吧?对! MDN提供this one,但是当我添加这段代码时没有任何变化:Safari继续抛出同样的错误。显然,我做错了什么。这甚至是用于Uint8Array的正确的填充物吗?

这是我执行的代码(包括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);

有什么建议吗?谢谢!

1 个答案:

答案 0 :(得分:1)

(只是重复@Rhumbori的评论,结束我的问题......)

更改这些行

if (!Array.prototype.fill) {
 Array.prototype.fill = function(value) {

if (!Uint8Array.prototype.fill) {
 Uint8Array.prototype.fill = function(value) {