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

Polyfill basics: How to implement a polyfill for Uint8Array.fill

本文关键字：Uint8Array fill 实现 polyfill 基础知识 Polyfill      更新时间：2023-09-26

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." 。这是完全有道理的。所以我想我需要实现一个填充物，对吧？右！MDN 提供了这个，但是当我添加这段代码时，没有任何变化：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);

有什么建议吗？谢谢！

（只是重复@Rhumbori的评论，以结束我的问题...

更改这些行

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

自

if (!Uint8Array.prototype.fill) {
 Uint8Array.prototype.fill = function(value) {
相关文章：