这个javascript自执行函数/结构是如何工作的

How does this javascript self executing function / Structure work

本文关键字:何工作 工作 javascript 执行 函数 结构 这个      更新时间:2023-09-26

我继承了一个应用程序,到处都可以看到这个JavaScript结构。为什么要这样创造它。我知道它是一个匿名函数,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

它不会再次传入。在最后一行中,闭包获得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