यह जावास्क्रिप्ट स्वयं निष्पादन कार्य/संरचना कार्य कैसे करता है

Question

मुझे एक एप्लिकेशन विरासत में मिला, और मैं हर जगह इस जावास्क्रिप्ट संरचना को देखता हूं। ऐसा करने का कारण क्या है। मुझे लगता है कि यह एक अनाम कार्य है और 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); 

लेकिन जो मुझे नहीं मिलता वह अंतिम पंक्ति है। })(PaymentOffersOverview); यह फिर से क्यों गुजरता है?

// Then the code can be used as follow 

alert(PaymentOffersOverview.App.Settings.Id); 

Fiddle

Answer 1

यह में फिर से पारित न हो। आखिरी पंक्ति से, बंद होने पर PaymentOffersOverview हो जाता है क्योंकि यह स्वयं-आक्रमणकारी है। यदि यह पारित नहीं हुआ था, तो PaymentOffersOverview बंद होने के भीतर 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