修复Internet Explorer中的JavaScript数组函数(indexOf,forEach等)

如其他地方详细说明的那样,另外显然众所周知的是,Internet Explorer(绝对版本7,以及某些情况下,版本8)不实现关键函数,特别是在Array (比如forEachindexOf等)。

在这里和那里有很多解决方法,但是我想将合适的,规范的实现集合放到我们的站点中,而不是复制,粘贴或者破解我们自己的实现。 我find了js-methods ,看起来很有希望,但是我以为我会在这里看看另一个库是否更受推荐。 一些其他的标准:

  • 对于浏览器已经实现的那些函数( js-methods在这里performance得相当好),这个库应该是一个没有操作的东西。
  • 非GPL ,请尽pipeLGPL是可以接受的。

许多人使用MDC后备实现(例如indexOf )。 他们通常严格遵守标准,甚至在明确检查所有参数types的范围内。

不幸的是,虽然作者认为这些代码是微不足道的,可以自由使用的,但似乎并没有明确的许可授予书面文字。 整个维基是CC Attribution-ShareAlike,如果这是一个可以接受的许可(虽然CC不是为代码devise的)。

js-methods在一般情况下看起来不错,但并不像围绕函数应该如何的边缘(例如,未定义列表项,改变列表的函数)那样符合标准。 它也充满了其他随机的非标准方法,其中包括一些有问题的方法,比如狡猾的stripTags和不完整的UTF-8编解码器(这在unescape(encodeURIComponent)技巧中也是不必要的)。

为了什么是值得的,这里是我所使用的(如果它可以被认为是可版权的,我在此公开发布到公有领域)。 这比MDC版本稍微短一点,因为它不会尝试input嗅探,你并没有像传递非函数callback或非整数索引那样做一些愚蠢的事情,但除此之外,它试图符合标准。 (让我知道如果我错过了什么;-))

 '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方法。

看看Underscore.js 。

Kris Kowal编译了一个小型库,作为ECMAScript 5函数的一个垫片,可能会在浏览器的实现中丢失。 其中一些function已经被其他人多次修改,以优化速度和解决浏览器bug。 编写的function尽可能遵循规范。

es5-shim.js是根据MIT许可证发布的,Array.prototype扩展名位于顶部,可以删除和删除不需要的任何function。 我还build议你缩小脚本,因为评论使得脚本比需要的大得多。

通过“不实现关键function”,您实际上意味着“符合ECMA 262第三版”的权利? 🙂

你提到的方法是新的第五版的一部分 – 对于浏览器不支持这一点,你可以使用下面的'垫片',扩展到第三的第5'http://github.com/kriskowal/narwhal- lib / blob / narwhal-lib / lib / global-es5.js 。

这些脚本在我的testing中效果不好。 我基于MDN文档创build一个具有相同function的文件。

在Internet Explorer 8中解决的问题太多了。请参阅egermano / ie-fix.js中的代码。

随着Underscore.js

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