JavaScript 'use strict'; wewnątrz funkcji

Question

Przetestowano kod js w Konsoli programowej Chrome i jestem nieco zdezorientowany.

Wiem, że w trybie ścisłym funkcje, które nie są metody obiektu, gdy mowa ten kluczowe powinny otrzymywać niezdefiniowanej zamiast globalnego obiektu.

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

Wyjścia fałszywy.

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

Wciąż fałszywy.

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

Wyjścia prawda.

Chciałem tylko wyjaśnić. ʕ • ᴥ • ʔ Jestem nowy w js.

Answer 1

It to błąd w konsoli Chromium Developer Console, który powoduje, że this nadal odwołuje się do obiektu globalnego. Ten sam kod działa zgodnie z ustawieniem javascript: na pasku lokalizacji iw dokumentach.

Można sprawdzić, jak SO (2 wejścia konsoli):

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

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

i (jedno lub więcej wejść konsoli)

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); 

testowana w Chromium Wersja 25.0.1364.97 Debiana 7.0 (183676) .

Answer 2

Wszystko w porządku. Jeśli uruchomisz swój kod za pośrednictwem strony HTML (nie konsoli programisty), wyniki spełniają oczekiwania (zawsze this===undefined).

Dodatkowo w najnowszy Firefox (Firebug):

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

Więc to wydaje się być po prostu kolejnym Chrome bug (funkcja?). Wydaje się, że ma nieco inne podejście do kodu przekazywanego za pośrednictwem konsoli dev.

Należy również pamiętać, że sprawy zamówienie:

<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…} 

Ale:

<script> 
    "use strict"; 

    console.log('Me later!'); 

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

</script> 

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

Answer 3

Co zauważyłeś jest po prostu efektem ubocznym drodze prace konsoli programisty. Kiedy tam wpisać kod, to skutecznie, co dzieje (patrz this answer więcej szczegółów):

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

To pośredni wywołanie eval, co oznacza, że ​​zawsze wykonać w globalnym kontekście realizacji (w przeglądarka, to jest window).

Skutecznie funkcja jest związana z globalnym obiektu i dlatego this posiada odniesienie do globalnego obiektu, a jeśli nie to na stronie internetowej (zamiast w konsoli):

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

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