在 Internet Explorer 中修复 JavaScript 数组函数(indexOf、 forEach 等)

正如详细的 其他地方,以及其他显然众所周知的,Internet Explorer (肯定是版本7,在某些情况下,版本8)不实现关键功能,特别是在 Array上(如 forEachindexOf等)。

这里有一些变通方法,但是我希望在我们的站点中加入一组合适的、规范的实现,而不是复制粘贴或者删除我们自己的实现。我已经找到了 Js- 方法,它看起来很有前途,但是我认为我应该在这里发表文章,看看是否有其他图书馆得到更多的推荐。一些杂项标准:

  • 对于那些浏览器已经实现了的函数,这个库应该只是一个无操作(js-methods在这里表现得很好)。
  • GPL,请,虽然 LGPL是可以接受的。
80119 次浏览

“不实现关键功能”实际上是指“符合 ECMA 262第三版”,对吗? :)

你提到的方法是新的第5版的一部分-对于不支持这一点的浏览器,你可以使用下面的“ shim”,它将第3版扩展到第5版 Http://github.com/kriskowal/narwhal-lib/blob/narwhal-lib/lib/global-es5.js.

许多使用 MDC 回退实现(例如 索引)。它们通常严格遵循标准,甚至在显式检查所有参数类型的程度上也是如此。

不幸的是,虽然很明显,作者认为这段代码是琐碎的和可自由使用的,但似乎并没有明确的许可授权将其写下来。作为一个整体,wiki 是 CC Attritribute-ShareAlike,如果这是一个可以接受的许可的话(尽管 CC 不是为这样的代码而设计的)。

Js-method 通常看起来还可以,但是在函数应该是什么样子的边缘(例如,未定义的列表项,改变列表的函数)方面不符合标准。它还充满了其他随机的非标准方法,包括一些有问题的方法,比如狡猾的 stripTags 和不完整的 UTF-8编解码器(考虑到 unescape(encodeURIComponent)技巧,这也有点不必要)。

不管怎样,这是我使用的(如果可以说是版权的话,我特此将其发布到公共领域)。它比 MDC 版本稍微短一些,因为它不会尝试类型嗅探,你没有做一些愚蠢的事情,如传递非函数回调或非整数索引,但除此之外,它尝试符合标准。(如果我错过了什么,请告诉我。;-))

'use strict';


// Add ECMA262-5 method binding if not supported natively
//
if (!('bind' in Function.prototype)) {
Function.prototype.bind= function(owner) {
var that= this;
if (arguments.length<=1) {
return function() {
return that.apply(owner, arguments);
};
} else {
var args= Array.prototype.slice.call(arguments, 1);
return function() {
return that.apply(owner, arguments.length===0? args : args.concat(Array.prototype.slice.call(arguments)));
};
}
};
}


// Add ECMA262-5 string trim if not supported natively
//
if (!('trim' in String.prototype)) {
String.prototype.trim= function() {
return this.replace(/^\s+/, '').replace(/\s+$/, '');
};
}


// Add ECMA262-5 Array methods if not supported natively
//
if (!('indexOf' in Array.prototype)) {
Array.prototype.indexOf= function(find, i /*opt*/) {
if (i===undefined) i= 0;
if (i<0) i+= this.length;
if (i<0) i= 0;
for (var n= this.length; i<n; i++)
if (i in this && this[i]===find)
return i;
return -1;
};
}
if (!('lastIndexOf' in Array.prototype)) {
Array.prototype.lastIndexOf= function(find, i /*opt*/) {
if (i===undefined) i= this.length-1;
if (i<0) i+= this.length;
if (i>this.length-1) i= this.length-1;
for (i++; i-->0;) /* i++ because from-argument is sadly inclusive */
if (i in this && this[i]===find)
return i;
return -1;
};
}
if (!('forEach' in Array.prototype)) {
Array.prototype.forEach= function(action, that /*opt*/) {
for (var i= 0, n= this.length; i<n; i++)
if (i in this)
action.call(that, this[i], i, this);
};
}
if (!('map' in Array.prototype)) {
Array.prototype.map= function(mapper, that /*opt*/) {
var other= new Array(this.length);
for (var i= 0, n= this.length; i<n; i++)
if (i in this)
other[i]= mapper.call(that, this[i], i, this);
return other;
};
}
if (!('filter' in Array.prototype)) {
Array.prototype.filter= function(filter, that /*opt*/) {
var other= [], v;
for (var i=0, n= this.length; i<n; i++)
if (i in this && filter.call(that, v= this[i], i, this))
other.push(v);
return other;
};
}
if (!('every' in Array.prototype)) {
Array.prototype.every= function(tester, that /*opt*/) {
for (var i= 0, n= this.length; i<n; i++)
if (i in this && !tester.call(that, this[i], i, this))
return false;
return true;
};
}
if (!('some' in Array.prototype)) {
Array.prototype.some= function(tester, that /*opt*/) {
for (var i= 0, n= this.length; i<n; i++)
if (i in this && tester.call(that, this[i], i, this))
return true;
return false;
};
}

这里没有实现的其他 ECMA262-5方法包括 Array reduce/reduceRight、 JSON 方法和少数几个可以可靠实现为 JS 函数的新 Object方法。

这些脚本在我的测试中不能很好地工作,我根据 < a href = “ https://developer.mozilla.org/en-US/”rel = “ nofollow”> MDN 文档创建了一个具有相同函数的文件。

有太多的问题在 Internet Explorer 8中被解决了,请参阅 艾格马诺/ie-fix. js 中的代码。

和 Underscore.js 一起

Var arr = [‘ a’,‘ a1’,‘ b’] _. filter (arr,function (a){ return a.indexOf (‘ a’) > -1; })