立即调用的函数表达式（IIFE）相较于普通函数的优势

Question

立即调用的函数表达式（IIFE）相较于普通函数的优势

26

我对JavaScript还不是很熟悉，我了解到模块模式可以提供一种命名空间，并且同时拥有私有和公共成员，例如：

var module = (function() {
   var s = "Hello, i'm private and in closure!";
   return {
      myString : s,
      myFunc: function() { alert(s); }
   };
})();

我确实看到了这种方法的好处，因为它给你一些面向对象编程的优势。但是我见过很多没有被分配给变量的IIFE的例子。就我所知，与你调用的普通函数相比，这种方法根本没有任何优势：

(function() {
   var s = "Hello I'm private!";
   $('#myButton').on('click', function() {
      alert(s);
   });
})();

2. 普通函数

function Initialize() {
   var s = "Hello I'm private!";
   $('#myButton').on('click', function() {
      alert(s);
   });
}

Initialize();

他们两个都有私有变量，避免了创建全局变量的需要，而且它们都在不返回任何值给变量的情况下执行。虽然第二个给你选择一个好名字的选项，这个名字比潜在的大IIFE更能说明问题，让读者自己去发现发生了什么。答案我看到到处都是 "避免命名空间污染"，但是这两种方法都可以做到，只是第一种方法稍微难理解一点？

简而言之:

使用IIFE与普通函数相比的好处是什么？我错过了什么吗？为什么要使用它们？

- Alexander Derck

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Mohammad Usman · Accepted Answer

有时候您需要定义并立即调用一个函数，而且只需要执行一次，这种情况下匿名函数可以帮到您。在这种情况下，给函数命名再去调用就显得多余了。

此外，有时候您想为变量创建一个命名空间，那么匿名函数也会帮到您。例如：

(function($) {
    $.fn.pluginName = function(opt) {
        // implementation goes here...
    }
}(jQuery));

在上述情况下，您可以在代码中安全地使用 $ 作为 jQuery 的代名词。

如果您按如下所示的名称定义函数，则它将创建具有您定义的函数名称的全局变量。

function myFunction() {
    // function code goes here.
}
myFunction();

但如果你没有定义一个名称，它就不会创建任何全局变量，也不会污染你的全局命名空间。

(function myFunction() {
    // function code goes here.
}());

只有在代码中需要从不同的位置调用函数时，具有名称的函数才是有用的。