Dlaczego „this” w funkcji anonimowej jest nieokreślone, gdy używana jest funkcja ścisła?

Dlaczego w funkcji anonimowej jest to niezdefiniowane, gdy używasz javascript w trybie ścisłym? Rozumiem, dlaczego to może mieć sens, ale nie mogłem znaleźć żadnej konkretnej odpowiedzi.

Przykład:

(function () {
    "use strict";

    this.foo = "bar"; // *this* is undefined, why?
}());

Testuj na skrzypcach: http://jsfiddle.net/Pyr5g/1/ Sprawdź loggera (firebug).

To dlatego, że aż do ECMAscript 262 wydanie 5 było duże zamieszanie, gdy ludzie, którzy używali constructor pattern, zapomnieli użyć newsłowa kluczowego. Jeśli zapomniałeś użyć funkcji newpodczas wywoływania funkcji konstruktora w ES3, odwołałeś się thisdo obiektu globalnego ( windoww przeglądarce) i zrzuciłbyś obiekt globalny zmiennymi.

To było okropne zachowanie, więc ludzie z ECMA zdecydowali się po prostu na thisto undefined.

Przykład:

function myConstructor() {
    this.a = 'foo';
    this.b = 'bar';
}

myInstance     = new myConstructor(); // all cool, all fine. a and b were created in a new local object
myBadInstance  = myConstructor(); // oh my gosh, we just created a, and b on the window object

Ostatnia linia spowodowałaby błąd w ES5 strict

"TypeError: this is undefined"

(co jest znacznie lepszym zachowaniem)

Istnieje mechanizm zwany „boksowaniem”, który zawija lub zmienia thisobiekt przed wejściem w kontekst wywoływanej funkcji. W twoim przypadku wartość thispowinna być taka, undefinedponieważ nie wywołujesz funkcji jako metody obiektu. W tym przypadku w trybie innym niż ścisły jest to zastępowane przez windowobiekt. W stricttrybie jest zawsze niezmieniony, dlatego jest undefinedtutaj.

Więcej informacji można znaleźć pod
adresem https://developer.mozilla.org/en/JavaScript/Strict_mode

Zgodnie z odpowiedzią This Stack Overflow , możesz używać thiswewnątrz funkcji anonimowych, po prostu wywołując .call(this)na końcu.

(function () {
    "use strict";

    this.foo = "bar";
}).call(this);