如何防止枚举 JavaScript 中的 polyfill？

Question

我一直在向我们项目的主 JavaScript 文件添加一个 Array.indexOf() 填充。我从 devdocs.io 获取的：

if (!Array.prototype.indexOf) {
  Array.prototype.indexOf = function (searchElement , fromIndex) {
    var i,
        pivot = (fromIndex) ? fromIndex : 0,
        length;

    if (!this) {
      throw new TypeError();
    } 

    length = this.length;

    if (length === 0 || pivot >= length) {
      return -1;
    }

    if (pivot < 0) {
      pivot = length - Math.abs(pivot);
    }

    for (i = pivot; i < length; i++) {
      if (this[i] === searchElement) {
        return i;
      }
    }
    return -1;
  };
}

我需要这个，因为我们仍然必须支持 IE 8，但似乎在 IE 8 中，indexOf() 函数被添加为可枚举的。这意味着，它会在使用 for..in 循环遍历数组时出现，如下所示：

var a = [];
a[0]=123;
a[1]=456;
for(var value in a) {
    alert(value); // this even alerts "indexOf", if the polyfill above is loaded, and this is a big problem
}

是否可以使 polyfill “不可枚举”，以便我能够在 IE 8 中使用 Array.indexOf()，但它不会出现在 for..in 循环中？

Answer 1

一般来说，您可以使用Object.defineProperty 将属性添加为不可枚举：

Object.defineProperty(Array.prototytpe, 'indexOf', {
  enumerable : false,
  value : function(){ /* my polyfill code */}
});

但是，正如您可能已经猜到的那样，IE8 不支持它，因此您只能使用@tkone 的解决方案，即使用hasOwnProperty 过滤for..in。

---

另一个伪解决方案是创建一个将数组参数传递给的函数：

function indexOf(array, searchElement, fromIndex) {
  if (Array.prototype.indexOf) return array.indexOf(searchElement, fromIndex);
  /* my polyfill code with array instead of this*/
}

并简单地使用它而不是本机 indexOf：

[1,2,3].indexOf(2); // change to:
indexOf([1,2,3], 2);

您也可以为您的函数命名，以便在您不再使用 IE8 时记得将其更改回标准：

IhateIE8.indexOf = ...

Answer 2

是否可以使 polyfill “不可枚举”，以便我能够在 IE 8 中使用 Array.indexOf()，但它不会出现在 for..in 循环中？

正式来说，是的（请参阅defineProperty 和 enumerable），但专门针对 IE8 及更低版本，not really。

我认为这不是一个好主意（请参阅 cmets）。

Answer 3

在枚举对象的成员时应该使用hasOwnProperty。

var a = [];
a[0] = 123;
a[1] = 456;
for(var value in a){
    if(a.hasOwnProperty(value)){
        alert(value);
    }
}

但是你为什么不只是做一个简单的for 循环（或填充类似forEach 的东西）