なぜ同じコードがjsfiddleで別の結果を返すのですか

Question

window.scope = 'global' 
Object.prototype.scope = 'object proto' 

console.log(scope); 

私はスコープをテストするために簡単なスクリプトを書いていますが、私はchrome dev toolsとjsfiddleで別の結果を得ました。

• chrome： 'object proto';
• jsfiddle： 'global';

なぜですか？

Answer 1

新しいHTMLドキュメントにコードを貼り、Chromeで表示すると、ページが読み込まれたときにコンソールにglobalが印刷されます。

あなたは直接デベロッパーツールのコンソールにコードを貼り付けると、あなたが得る：

object proto 
undefined 

そして、何デベロッパーツールを実際に評価することは（私の場合）次のスクリプトであるため、それは次のようになります。

with ((console && console._commandLineAPI) || {}) { 
    window.scope = 'global' 
    Object.prototype.scope = 'object proto' 

    console.log(scope); 
} 

したがって、withステートメントを使用すると、consoleが現在のスコープチェーンに追加されます。は、scope変数に変更します。 scopeにアクセスする前にオブジェクトのプロトタイプを拡張しているので、scope（実際にはを参照しています（withステートメントのおかげで）を参照したときの操作結果が表示されます。出力の2行が」なぜ

理由は明白です：最初に、console.logが実行されますので、メッセージがコンソール上に印刷され、その後、デベロッパーツールはあなたに何もではない表現console.logの結果を（与え関数は戻り値を持たない）。

これはあなたに少し物事を明確にすることを望みます。