JavaScript 'use strict';内部機能

Question

いくつかのjsコードをでテストしました。Chrome Dev Consoleと少し混乱しています。

Iは厳密モードでこのキーワードを呼ぶときにオブジェクトのメソッドではない機能が代わりにグローバルオブジェクトの未定義を受けるべきであることを知っています。

function test(){ 
    "use strict"; 
    return this===undefined;} 
test(); 

出力偽。

"use strict"; 
function test(){ 
    return this===undefined;} 
test(); 

それでも偽。

(function test(){ 
    "use strict"; 
    return this===undefined;}()); 

出力真。

明確にしたかっただけです。 ʕ•ᴥ•ʔ私はjsを初めて使う人です。

Answer 1

それは、 Chromiumデベロッパーコンソールのバグで、thisが引き続きグローバルオブジェクトを参照してしまいます。同じコードは、ロケーションバーとドキュメントのjavascript:で指定されたとおりに動作します。

あなたはそれをテストすることができますようなので、（2コンソール入力）：

var global = (function() { return this; }()); 

"use strict"; 
function test() { return this === global; } 
test(); 

及び（一の以上のコンソール入力）

var script = document.createElement("script"); 
script.type = "text/javascript"; 
script.appendChild(document.createTextNode(
    'function test() { "use strict"; return this === undefined; }; console.log(test());' 
)); 
document.body.appendChild(script); 

はクロムバージョン25.0.1364.97のDebian 7.0でテスト済み（183676） 。

Answer 2

すべて問題ありません。あなたがコードをいくつかのHTMLページ（デベロッパーコンソールではない）で実行すると、結果は期待通りのものになります（常にthis===undefined）。最新のFirefox（Firebugの）でさらに

：

function test(){ 
    "use strict"; 
    return this===undefined;} 
test(); 
>> true 

これはちょうど別のChromeのバグ（？機能）のようです。それは、devコンソールを経由して渡されるコードとは少し異なるアプローチをしているように感じます。

<script> 
    console.log('Me First!'); 

    "use strict"; 

    function test(){ 
     console.log(this); 
    } 
    test(); 

</script> 

>>> "Me First!" 
>>> Window {top: Window, window: Window, location: Location, external: Object, chrome: Object…} 

：しかし

<script> 
    "use strict"; 

    console.log('Me later!'); 

    function test(){ 
     console.log(this); 
    } 
    test(); 

</script> 

>>> undefined 
>>> "Me later!" 

Answer 3

あなたは気づいているだけでデベロッパーコンソールの動作方法の副作用である

も注文事項があることに注意してください。あなたがそこにコードを入力すると、これは（詳細はthis answerを参照してください）何が起こるか効果的である：

eval.call(null, "with (window) { \ 
        function test() { \ 
         'use strict'; \ 
         console.log(this); \ 
        } test(); \ 
       }"); 

これは、それは常に（グローバル実行コンテキストで実行することを意味しevalから間接的呼び出し、ありますブラウザ、それはwindowです）。

事実上、機能がグローバルオブジェクトにバインドされているので、あなたが（むしろコンソールに比べて）ウェブページでこれをやったかのようにthisは、グローバルオブジェクトへの参照を保持している：

function test(){ 
    "use strict"; 
    return this === undefined; 
} 

test(); // true 
test.call(window); // false