【问题标题】:Polyfill basics: How to implement a polyfill for Uint8Array.fillPolyfill 基础知识:如何为 Uint8Array.fill 实现 polyfill
【发布时间】: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


【解决方案1】:

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

更改这些行

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

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

【讨论】: