Làm thế nào để javascript tự thực hiện chức năng/cấu trúc này làm việc

Question

Tôi thừa kế một ứng dụng, và tôi thấy cấu trúc JavaScript này ở khắp mọi nơi. Lý do để tạo ra nó như thế. Tôi hiểu rằng đó là một chức năng ẩn danh và rằng PaymentOffersOverview được chuyển cho nó.

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

Nhưng những gì tôi không nhận được là dòng cuối cùng. })(PaymentOffersOverview); Tại sao nó lại được truyền lại?

// Then the code can be used as follow 

alert(PaymentOffersOverview.App.Settings.Id); 

Fiddle

Answer 1

Nó không có được thông qua trong một lần nữa. Bởi dòng cuối cùng, việc đóng cửa được PaymentOffersOverview vì nó là tự gọi. Nếu nó không được thông qua, PaymentOffersOverview trong phạm vi đóng sẽ là 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