Przyczyna tego wywołania funkcji anonimowej

Domyślnie wywołanie funkcji takiej jak (function(){/*...*/})() ustawi wartość this w funkcji na window (w przeglądarce), niezależnie od tego, jaka wartość this może znajdować się w kontekście, w którym funkcja została utworzona.

Użycie call Pozwala ręcznie ustawić wartość this na dowolną. W tym przypadku ustawia ją na dowolną wartość this w kontekście zamykającym.

Weź to przykład:

var obj = {
    foo:'bar'
};

(function() {
    alert( this.foo ); // "bar"
}).call( obj );

Http://jsfiddle.net/LWFAp/

Widać, że udało nam się ręcznie ustawić wartość this do obiektu, do którego odnosi się zmienna obj.

Za pomocą:

> (function() {
>   ...
> }).call(this);`

Następnie Ten w zakresie kodu (prawdopodobnie obiekt globalny) jest ustawiany jako Ten obiekt funkcji. Z tego co wiem to jest równoważne:

(function(global) {
  // global references the object passed in as *this*
  // probably the global object
})(this);

W przeglądarce, zazwyczaj window jest (lub zachowuje się tak, jakby był) aliasem dla obiektu globalnego.

C={
    descript: "I'm C!<br>",
    F: function() {
        //set this to the caller context's 'this'
        (function() {
            document.write(this.descript);
        }).call(this);

        //set this to 'window' or 'undefined' depend the mode
        (function() {
            document.write(this.descript);
        })();

        //member function's 'this' is the object self
        document.write(this.descript);
    }
}

window.descript="I'm window!<br>";

C.F();

(function() {}).call(this); może ustawić this w anonymous na kontekst wywołujący this, w powyższym jest C.(function() {})(); Ustawia this na window lub undefined w zależności od trybu.

Funkcja samo wywołująca jest przydatna do wykonania jej zawartości natychmiast po załadowaniu skryptu. Jest to wygodne do inicjalizacji elementów globalnego zakresu.