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

IT技术 javascript internet-explorer cross-browser
2021-01-26 02:58:21

至于详细的其他地方,否则显然是众所周知的,IE浏览器(版本绝对7,并在某些情况下,版本8)不落实的关键功能,特别是Array(如forEachindexOf等)。

这里和那里有许多变通方法,但我想将一组适当的、规范的实现折叠到我们的网站中,而不是复制和粘贴或破解我们自己的实现。我发现了js-methods,它看起来很有希望,但我想我会在这里发帖看看是否另一个库更受欢迎。一些杂项标准:

  • 对于浏览器已经实现的那些功能,该库应该只是一个无操作(js-methods在这里似乎做得很好)。
  • 请使用GPL,尽管LGPL是可以接受的。
6个回答

许多使用 MDC 回退实现(例如,用于indexOf)。它们通常严格符合标准,甚至可以明确检查所有参数的类型。

不幸的是,虽然很明显作者认为此代码是微不足道的且可自由使用的,但似乎没有明确的许可授权将其写入。维基作为一个整体是 CC Attribution-ShareAlike,如果这是一个可接受的许可证(尽管 CC 不是为这样的代码设计的)。

js-methods 总体上看起来不错,但在函数应该如何(例如,未定义的列表项,改变列表的函数)的边缘不符合标准。它还充满了其他随机的非标准方法,包括一些有问题的方法,例如狡猾的 stripTags 和不完整的 UTF-8 编解码器(考虑到unescape(encodeURIComponent)技巧,这也有点不必要)。

对于它的value,这是我使用的(我特此将其发布到公共领域,如果可以说它完全受版权保护)。它比 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 和少数Object可以作为 JS 函数可靠实现的方法。

好奇!会看看那个(你有测试用例吗?)...我不能立即想到为什么会发生这种情况,尽管 jQuery 在第 72 行所做的看起来很可疑。
2021-03-21 02:58:21
有趣的是,如果我在 jquery 1.4.2 之前引用包含所有 MDC ECMA262-5 impls 的 js 文件,jquery 就会损坏——例如,所有选择器都失败,返回 null。在 jquery 之后移动 MDC 实现会导致预期的行为。很奇怪。
2021-03-25 02:58:21
注意:在需要这些存根的大多数浏览器中,如果您执行“for (index in somearray) {...}”,您将需要使用 somearray.hasOwnProperty(index) 作为检查。IE<=8 的 JS 引擎将在其中包含 array.prototype 扩展。Google Adwords 异步代码不会这样做。最好使用 Underscore 或其他对此进行标准化的库的功能。
2021-03-30 02:58:21
这是我能找到的 IE 8 最快的 indexOf() 实现。谢谢!
2021-04-01 02:58:21
感谢您的指点——我在 mozdev 中看到的其他链接可能会发现此类 impls 已经过时。仅供参考,代码已获得 MIT 许可,如下所示:developer.mozilla.org/Project : Copyrights(尽可能好!:-)
2021-04-03 02:58:21

看看Underscore.js

ES5Shim 和其他存根(如来自 MDC)往往也会产生其他后果。对于这些类型的函数,最好使用下划线或其他库,它们将在可用的情况下使用内部方法。
2021-03-21 02:58:21
使用 Underscore.js var arr=['a','a1','b'] _.filter(arr, function(a){ return a.indexOf('a') > -1; })
2021-04-08 02:58:21

Kris Kowal编译了一个小型库,作为浏览器实现中可能缺少的 ECMAScript 5 函数的垫片。某些功能已被其他人多次修改,以优化速度并解决浏览器错误。编写函数以尽可能地遵循规范。

es5-shim.js是在 MIT 许可下发布的,Array.prototype 扩展靠近顶部,你可以很容易地砍掉和删除你不需要的任何功能。我还建议您缩小脚本,因为注释使它比需要的大得多。

“不实现关键功能”实际上是指“符合 ECMA 262 3'rd ed”,对吗?:)

您所指的方法是新的第 5 版的一部分 - 对于不支持此功能的浏览器,您可以使用以下“垫片”将 3'rd 扩展到第 5 个 http://github.com/kriskowal/narwhal- lib/blob/narwhal-lib/lib/global-es5.js

这是一个良好的开端,但在非 MDC 的实现中存在相当多的错误。例如。许多数组方法没有向它们的回调传递足够的参数,并且在回调函数中的数组突变的情况下表现不佳。
2021-03-27 02:58:21
我会尽我所能使 js 成为一种更理智/最低限度的语言。</snark> :-)
2021-04-07 02:58:21

这些脚本在我的测试中效果不佳。我基于MDN文档创建了一个具有相同功能的文件。

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