Chromeでこのループで変数を宣言するのはなぜですか？

Question

この動作は奇妙です。

myObjects = [ 
    { 
    name: 'List 1', 
    invitations: [ 
     { email: 'ralph@ralph.com', stamp: '1234' }, 
     { email: 'mike@mike.com', stamp: '4576' } 
    ] 
    }, 
    { 
    name: 'List 2', 
    invitations: [ 
     { email: 'steve@steve.com', stamp: '5678' }, 
     { email: 'bob@bob.com', stamp: '6789' } 
    ] 
    }, 
] 

私は招待状の配列は、特定の電子メールアドレスが含まれるオブジェクトをフィルタリングする必要があるので、私はこれをやっている、私は崇高でそれをテストしたときに素晴らしい作品：私はこのようになりますオブジェクトの配列を持っていますテキスト：

filteredObjects = myObjects.filter(obj => { 
    for (var invitation of obj.invitations) { 
    if (invitation.email == 'bob@bob.com') return true; 
    } 
}); 

：私はChromeでこれを実行しようとした場合

filteredObjects = myObjects.filter(obj => { 
    for (invitation of obj.invitations) { 
    if (invitation.email == 'bob@bob.com') return true; 
    } 
}); 

// [ { name: 'List 2', invitations: [ [Object], [Object] ] } ] 

しかし、私が（ループのために追加された「VAR」に注意してください）何らかの理由で、forループで変数を宣言することです

私は（「VAR」との）変数を宣言しない場合、私は私のクロームコンソールにエラーが表示されます。

Uncaught (in promise) ReferenceError: invitation is not defined 

私はこれが起こっている理由を理解したい、そしておそらく書くためのより良い方法があるかどう私のフィルター。

Answer 1

Chromeで変数invitationを宣言する必要がある場合は、暗黙的または偶発的なグローバル変数が無効になっているためです。これは、Chromeがstrictモードとみなすセクションにあるためです。 strictモードとしてコードを扱っている理由を正確に識別するためには、より大きなコード・コンテキストを表示する必要があります。

矢印機能団体をstrictモードで自動的に作成したブラウザ（Firefoxの矢印機能の初期バージョンなど）が実装されていますが、これは標準の一部ではありません。あるいは、フィルタ文が入っているこのより大きいコードコンテキストは、何らかの理由で厳密なモードになっている可能性があります。

これは非常に良いことです。すべての変数は、意図した範囲で明示的に宣言する必要があります。偶発的、暗黙的、または自動的なグローバル変数を含むコードを書くことは、偶然、矛盾するグローバル変数を作成して使用するためのレシピです。動作中に断続的に発生する可能性のあるバグを追跡することは困難です（特に非同期操作に関係する場合）。

厳密モードが自動的に実行されます

1. Anywhereは、コードを手動関数スコープの上部に'use strict';とstrictモードであると宣言されます。

2. ES6 Class構文で宣言されたメソッドは、自動的にstrictモードになります。

あなたはthis article on MDNとthis article on using Classでstrictモードの影響の完全なリストを見ることができます。