二重等価（==）と三重等価（===）との間のJavaScriptのパフォーマンスの差異

Question

JavaScriptでは、二重使用（==）と三重等価（===）を使用した場合のパフォーマンスの違いはありますか？

例：if (foo == bar)による性能へif (foo === bar)

Answer 1

厳密な比較（===）よりも多くのものをチェックする必要があります。

比較でタイプ強制を必要としないことがわかっている場合は、間違いなく===を好むことは間違いありません。常に最低でも==となります。

Answer 2

対、私は

例えば、===が==よりも厳しいですので===は、優れた性能を持っていると思いますChromeコンソールで次の操作を試してください。

> 1 == '1' 
    true 
> 1 === '1' 
    false 

==

は常にわずかに速いが、 the difference is usually negligibleなります ===

Answer 3

いくつかの弱いテストから、==は===よりやや速いと思われます。

私は、数百万回のテストの中断で数ミリ秒の違いが見られることを意味します。手元の作業に最も適したものを使用するのではなく、パフォーマンスの向上が必要なことはありません。

EDIT：実際には、/あなた/ブラウザの実装と比較しているようです。つまり、心配しないでください。比較のタイプが同じである場合

Answer 4

• は、は彼らが同じです。すなわち、それらは正確に同じアルゴリズムを使用してを使用します。

• タイプがと異なる場合、の場合、パフォーマンスは関係ありません。あなたは型強制を必要とするか、そうでないかのどちらかです。必要がない場合は、==を使用しないでください。結果が予期しない可能性があります。

Answer 5

編集：参照用は、ここで博士アクセルRauschmayer http://www.2ality.com/2011/06/javascript-equality.html 本当に素晴らしい、ライトアップにより、スペック説明によるです。

===（厳密な等式）：同じ型の等しい値のみを考慮します。

1. 未定義===未定義、ヌル=== nullで、
2. NaNを===自身も含め何も、
3. プリミティブ[番号|文字列|ブール] ===等しいプリミティブ値、
4. 自己へ（+0 === -0）
5. 2つのオブジェクト[アレイ|オブジェクト|機能] ===、自己（まったく同じエンティティ）

==（寛容平等）

1. 両方の値が同じタイプの場合：===と比較してください。
2. 未定義== NULL
3. 数と列：文字列=>数と数に
4. ブールおよび非ブール=>非ブール値を比較し、
5. 文字列または数値=>オブジェクトを比較する：変換オブジェクトプリミティブと比較。

最新のJavascript環境では、これらはすべて完全に異なって実装されています。簡単に言えば、==は、与えられた変数をプリミティブ（文字列、数値、ブール値）に変換することによってalikenessをテストします。 ===は厳密な同一性をテストします。これは変換なしで全く同じObjectまたはプリミティブ値を意味​​します。

あなたが実際に何が起こるか objOne == objTwo はJSとエンジン内部のものにさらさ関数間でバウンス、 [[EQUALS]].call(objOne.valueOf(), objTwo.valueOf())

のvalueOfの解像度がやや複雑になることがあるんならば。比較では、常に2つの値がプリミティブに強制されるか、エラーがスローされることになります。

編集：EQUALSは、最初にSTRICT_EQUALSを試行して残りのプロセスを優先します。

ここで興味深いのは、valueOf（およびそのパートナーtoString）がオーバーライド可能であることです。 Chromeでこのコードを実行してください（JSCとV8がこの楽しいことを分かち合っているかどうかはわかりません）。それはあなたのmindpieceを爆破する：

var actions = []; 
var overload = { 
    valueOf: function(){ 
    var caller = arguments.callee.caller; 
    actions.push({ 
     operation: caller.name, 
     left: caller.arguments[0] === this ? "unknown" : this, 
     right: caller.arguments[0] 
    }); 
    return Object.prototype.toString.call(this); 
    } 
}; 
overload.toString = overload.valueOf; 
overload == 10; 
overload === 10; 
overload * 10; 
10/overload; 
overload in window; 
-overload; 
+overload; 
overload < 5; 
overload > 5; 
[][overload]; 
overload == overload; 
console.log(actions); 

出力：

[ { operation: 'EQUALS', 
    left: overload, 
    right: 10 }, 
    { operation: 'MUL', 
    left: overload, 
    right: 10 }, 
    { operation: 'DIV', 
    left: 'unknown', 
    right: overload }, 
    { operation: 'IN', 
    left: overload, 
    right: DOMWindow }, 
    { operation: 'UNARY_MINUS', 
    left: overload, 
    right: undefined }, 
    { operation: 'TO_NUMBER', 
    left: overload, 
    right: undefined }, 
    { operation: 'COMPARE', 
    left: overload, 
    right: 5 }, 
    { operation: 'COMPARE', 
    left: 'unknown', 
    right: overload }, 
    { operation: 'ToString', 
    left: 'unknown', 
    right: overload } ] 

==と===の違いの本質は、そのリストに表示されない===によって示されています。それはJavascriptLandへの旅を完全にスキップします。その冒険はパフォーマンスを比較すると高価です。

ただし、エンジンの最適化を考慮する必要があります。ほとんどのオブジェクトでは、エンジンはほとんどのステップをカットしてNativeLandにとどまり、ほぼ同じパフォーマンスを得ることができます。しかし、これは保証ではなく、エンジンが最適化を使用できないようにしたり、コード内のファンシー性を高めたり、組み込み関数や無数の問題をオーバーライドしたりすると、結果が即座にパフォーマンスに反映されます。 ===はそれを強制します。

===はJavascriptの唯一の不変なものです。