web-dev-qa-db-ja.com

Internet ExplorerのJavaScript配列関数（indexOf、forEachなど）の修正

詳細 elsewhere 、およびその他の点では明らかなように、Internet Explorer（明確にバージョン7、場合によってはバージョン8）は、特にArray（forEach、indexOf、等）。

いくつかの回避策がありますが、独自の実装をコピーして貼り付けたり、ハックするのではなく、適切な正規の実装セットをサイトに組み込みたいと思います。 js-methods が見つかりましたが、これは有望に見えますが、ここに投稿して、別のライブラリがより推奨されるかどうかを確認したいと思いました。その他のいくつかの基準：

  • ライブラリは、ブラウザに既に実装されている関数の操作を行わないようにする必要があります（js-methodsはここで非常にうまくいくようです）。
  • Non - GPL 、お願いします- LGPL は許容されます。
javascriptinternet-explorercross-browser
137
cemerick

多くの場合、MDCフォールバック実装が使用されます（例： indexOf ）。それらは一般に、すべての引数の型を明示的にチェックする程度まで、厳密に標準に準拠しています。

残念ながら、著者はこのコードを些細で自由に使用できると考えていることは明らかですが、これを書面に記載するための明示的なライセンス交付金はないようです。 Wiki全体がCC Attribution-ShareAlikeである場合、それが許容ライセンスであれば（CCはそのようなコード用に設計されていませんが）。

js-methodsは一般的には問題ないように見えますが、関数（たとえば、未定義のリストアイテム、リストを変更する関数）のエッジ付近では標準に準拠していません。また、危険な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メソッドには、配列reduce/reduceRight、JSONのメソッド、JS関数として確実に実装できるいくつかの新しいObjectメソッドが含まれます。

219
bobince

nderscore.js をご覧ください。

27
rfunduk

Kris Kowal は、ブラウザの実装にない可能性のあるECMAScript 5関数のシムとして機能する小さなライブラリをコンパイルしました。一部の機能は、速度を最適化し、ブラウザのバグを回避するために、他の人によって何度も修正されています。関数は、可能な限り仕様に準拠するように記述されています。

es5-shim.js はMITライセンスの下でリリースされました。Array.prototype拡張機能は上部にあり、不要な機能は簡単に削除できます。また、コメントが必要以上に大きくなるため、スクリプトを縮小することをお勧めします。

9
Andy E

これらのスクリプトは、私のテストではうまく機能しません。 MDNドキュメントに基づいて、同じ機能を持つファイルを作成します。

Internet Explorer 8で解決された問題領域が多すぎます。egermano/ie-fix.jsのコードを参照してください。

1
egermano

「重要な機能を実装しない」とは、実際には「ECMA 262 3'rd ed」に準拠するという意味ですか？ :)

参照しているメソッドは、新しい第5版の一部です-これをサポートしていないブラウザでは、第3から第5に拡張する次の「シム」を使用できます http://github.com/ kriskowal/narwhal-lib/blob/narwhal-lib/lib/global-es5.js 。

1
Sean Kinsey

Underscore.jsで

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

0
sri_bb