Jak działa ta funkcja javascript/Struktura działa

Question

Odziedziczyłem aplikację i widzę tę strukturę JavaScript wszędzie. Jaki jest powód takiego tworzenia. Rozumiem, że jest to funkcja anonimowa i że zostanie mu przekazana PaymentOffersOverview.

var PaymentOffersOverview = PaymentOffersOverview || {}; 

(function(PaymentOffersOverview) { 
    var App = {}; 

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

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

    PaymentOffersOverview.App = App; 
})(PaymentOffersOverview); 

Ale to, czego nie dostaję, to ostatnia linia. })(PaymentOffersOverview); Dlaczego został ponownie wprowadzony?

// Then the code can be used as follow 

alert(PaymentOffersOverview.App.Settings.Id); 

Fiddle

Answer 1

To nie przejdzie ponownie. W ostatniej linii zamknięcie otrzymuje wartość PaymentOffersOverview, ponieważ jest to samo-wywołanie. Jeśli nie zostałoby ono przekazane, PaymentOffersOverview w obrębie zamknięcia byłoby 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