Come funziona questa funzione/esecuzione automatica di javascript

Question

Ho ereditato un'applicazione e vedo questa struttura JavaScript ovunque. Qual è il motivo per cui lo ha creato. Capisco che si tratta di una funzione anonima e che PaymentOffersOverview viene passato ad esso.

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

Ma quello che non capisco è l'ultima riga. })(PaymentOffersOverview); Perché viene passato di nuovo?

// Then the code can be used as follow 

alert(PaymentOffersOverview.App.Settings.Id); 

Fiddle

Answer 1

Non viene più passato di nuovo. Nell'ultima riga, la chiusura ottiene lo PaymentOffersOverview in quanto si autoinvoca. Se non è stato superato, lo PaymentOffersOverview all'interno della chiusura sarebbe 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