JavaScript 'use strict'; all'interno delle funzioni

Question

Testato qualche codice js in Chrome Dev Console e sono un po 'confuso.

So che in rigorosa modalità funzioni che non sono i metodi di un oggetto quando denominato questo parola chiave dovrebbe ricevere indefinita invece di oggetto globale.

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

uscite falsa.

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

Ancora falsa.

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

uscite vero.

Volevo solo chiarire. ʕ • ᴥ • ʔ Sono nuovo di js.

Answer 1

E ' è un bug nella console per gli sviluppatori di Chromium che fa sì che this si riferisca ancora all'oggetto globale. Lo stesso codice funziona come specificato con javascript: nella barra degli indirizzi e nei documenti.

È possibile verificare che in questo modo (ingressi 2 console):

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

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

e (uno o più ingressi console)

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

testato in cromo versione 25.0.1364.97 Debian 7.0 (183676) .

Answer 2

Tutto bene. Se si esegue il codice tramite una pagina HTML (non una console di sviluppo), i risultati soddisfano le aspettative (sempre this===undefined).

Inoltre, nel più recente di Firefox (Firebug):

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

Quindi questo sembra essere solo bug di un altro Chrome (funzione?). Sembra che abbia un approccio leggermente diverso al codice che viene passato tramite la console di sviluppo.

Si noti inoltre che le questioni di ordine:

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

Ma:

<script> 
    "use strict"; 

    console.log('Me later!'); 

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

</script> 

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

Answer 3

Quello che ho notato è semplicemente un effetto collaterale del modo in cui gli sviluppatori opere della console. Quando si entra codice di là, questo è effettivamente ciò che accade (vedi this answer per maggiori dettagli):

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

Questa è una indiretta chiamata a eval, il che significa che sarà sempre eseguito nel contesto di esecuzione globale (nel browser, ovvero window).

In effetti, la funzione viene legato all'oggetto globale e quindi this contiene un riferimento all'oggetto globale, come se avete fatto queste cose in una pagina web (piuttosto che nella console):

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

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