Wie funktioniert das JavaScript selbst ausführende Funktion/Struktur

Question

Ich erbte eine Anwendung, und ich sehe diese JavaScript-Struktur überall. Was ist der Grund dafür? Ich bekomme, dass es eine anonyme Funktion ist und dass PaymentOffersOverview an es übergeben wird.

Aber was ich nicht bekomme, ist die letzte Zeile. })(PaymentOffersOverview); Warum kommt es wieder rein?

// Then the code can be used as follow 

alert(PaymentOffersOverview.App.Settings.Id); 

Fiddle

Answer 1

Es ist in nicht wieder übergeben bekommen. In der letzten Zeile erhält die Schließung die PaymentOffersOverview, da sie selbstaufrufend ist. Wenn es nicht bestanden wurde, wäre die PaymentOffersOverview innerhalb des Verschlusses undefined.

// definition of local variable 
var PaymentOffersOverview = PaymentOffersOverview || {}; 

(function(param) { 
    // now we are in the context of the closure where param refers to 
    // PaymentOffersOverview, yet PaymentOffersOverview is not defined 
    // within this scope. It is param. 
    // You can use any name here, using the same is just for convinience. 
    var App = {}; 

    App.Settings = { 
     Id: some Id value 
     // Some Code 
    }; 

    App.ShowLoader = function (message) { 
      // Some Code 
     }; 

    param.App = App; 
})(PaymentOffersOverview); // passing of the variable