javascript - 在窗口对象上使用全局变量包装函数

Question

我找不到以下代码的具体问题，但是你能告诉我为什么我们要调用以下代码以及它如何/何时执行

    (function (myApp) {
            var helperFunction = function() {
                //helper function body
         };
         myApp.Helper = helperFunction; 
     }(window.MyApp));

在上面的代码中1)myApp和window.MyApp有什么区别？2)为什么我们要传递myApp，它实际上是从任何地方传递的吗？

Answer 1

Can you tell me why do we call the following and how/when does it get executed?

代码中的外部结构称为立即调用函数 Express (IIFE)。它实际上只是一个函数定义，可以同时定义和调用，而无需指定名称。它会立即执行。

(function(someArg) {
   // body of function
}(something));

基本上是这样的:

function myFunc(someArg) {
   // body of function
}

myFunc(something);

您的 IIFE 的工作方式与上面的代码相同，唯一的区别是 IIFE 不会为函数分配名称，因此在该范围内不使用任何名称。

在 IIFE 中，您将 window.MyApp 传递给您的函数，该函数可能是一个对象。在该函数的定义中，传递给该函数的变量的名称为 myApp。因此，在该函数内任何引用 myApp 的地方，它本质上是 window.MyApp 的别名，因为它们都指向同一个对象，并且其中一个对象的任何更改都是更改为同一个对象。

你的代码基本上是这样的:

function myFunc(myApp) {
    var helperFunction = function() {
            //helper function body
    };
    myApp.Helper = helperFunction; 
 }

 myFunc(window.MyApp);

What is the difference between myApp, and window.MyApp?

没有什么区别。它们都指向同一个对象。

Why have we passed myApp, is it actually getting passed from anywhere?

传递它是一种样式或设计选择。它不必传递。如果需要，可以在函数中的任何地方将其引用为 window.MyApp ，但这样，有一个在函数内部使用它的快捷方式 myApp。