为什么将javascript函数包装为匿名

Question

在阅读技术教育文章时，我偶然发现了作者的示例代码。当然。 功能的内容不是我发现的好奇，一切都像作者描述的那样有效。

抓住我的是将函数包装成匿名（我认为这就是他们所做的）功能。 我能用我微薄的知识看到的唯一一件事就是它创造了一个分组/容器。

为什么这样，我应该养成这个习惯..我明白下半部分可能是主观的，所以如果太迟钝则无视。

(function ()
{
   FuncName1 = function (var1, var2, var3)
   {
       ....code n stuff....
   }

   FuncName2 = function (var1, var2)
   {
    .....code n stuff...
   }
 })();

---

每个人的优秀解释。 谢谢。 那么我的后续问题是不应该包含所有功能？ 例如，作者在一个“范围或模块”中包含两个函数。 那些不能相互泄漏吗？

---

所以cookie怪物让作者代码更好我会这样做：

(function ()
{
   var FuncName1 = function (var1, var2, var3)
   {
       ....code n stuff....
   }

   var FuncName2 = function (var1, var2)
   {
    .....code n stuff...
   }
 })();

您在评论中说的关键是使用关键字var将它们保存在包含匿名函数的范围内。 不在隐式全局范围中使用var结果。

Answer 1

匿名函数创建范围。 匿名函数内的任何定义都不会“泄漏”到外部并污染全局命名空间。 这使您可以编写更多模块化代码。 当您确实需要将块内部的内容导出到全局命名空间时，您可以明确地这样做。

Answer 2

就像上面提到的那样，它创建了模块化代码。 如果将匿名函数设置为返回“things”并将其设置为变量，则现在有一个名称间隔为goodness的闭包。

var name = (function() {

   var 
       lastName = 'Moody',
       firstName = Hank
   ;

   return {
      setName: function(newFirstName, newLastName) { 
                   firstName = newFirstName;
                   lastName = newLastName;
                },
      getName: function() { return firstName + " " + lastName; } 


    }

}());

现在您可以获取并设置代码，它存在于自己的范围内！ Bam - 模块化设计模式。

name.setName('Clark', 'Kent');
console.log(name.getName); // Will now output Clark Kent

非常强大而简单的设计模式。

更新：

几乎忘了他们的名字最重要的东西--IIFE或立即调用函数表达式！

Answer 3

“因为函数中定义的变量和函数只能在内部访问，而不能在外部访问，因此调用函数提供了一种非常简单的方法来创建隐私。”

http://benalman.com/news/2010/11/immediately-invoked-function-expression/

Answer 4

此模式在Javascript中称为“模块”，用于信息隐藏。

根据书“Javascript：好的部分”。 正确的呼叫方式应该是：

(function() {
    ...
}());

不：

(function() {
    ...
})();

另一种方法：

!function() {
...
}();