在javascript中,什么时候你想使用这个:

(function(){
    //Bunch of code...
})();

在这:

//Bunch of code...

当前回答

我已经看了所有的答案,这里少了一些很重要的东西,我要KISS。有两个主要原因,为什么我需要自执行匿名函数,或者更好地说“立即调用函数表达式(IIFE)”:

更好的命名空间管理(避免命名空间污染-> JS模块) 闭包(模拟私有类成员,如OOP所示)

第一个已经解释得很好了。对于第二个问题,请学习下面的例子:

var MyClosureObject = (function (){
  var MyName = 'Michael Jackson RIP';
  return {
    getMyName: function () { return MyName;},
    setMyName: function (name) { MyName = name}
  }
}());

注意1:我们不是将函数赋值给MyClosureObject,而是调用该函数的结果。注意最后一行中的()。

注意2:关于Javascript中的函数,你还需要知道的是,内部函数可以访问函数的参数和变量,它们是在函数内部定义的。

让我们做一些实验:

我可以得到MyName使用getMyName,它工作:

 console.log(MyClosureObject.getMyName()); 
 // Michael Jackson RIP

下面这种简单的方法是行不通的:

console.log(MyClosureObject.MyName); 
// undefined

但我可以设置另一个名称,并获得预期的结果:

MyClosureObject.setMyName('George Michael RIP');
console.log(MyClosureObject.getMyName()); 
// George Michael RIP

编辑:在上面的例子中,MyClosureObject被设计为不使用newprefix,因此按照惯例它不应该大写。

其他回答

一个区别是,你在函数中声明的变量是局部的,所以当你退出函数时,它们就消失了,并且它们不会与其他或相同代码中的其他变量冲突。

是否有一个参数和“一串代码”返回一个函数?

var a = function(x) { return function() { document.write(x); } }(something);

关闭。something的值被赋给a的函数使用。something可以有一些变化的值(for循环),每次a都有一个新函数。

你可以使用这个函数返回值:

var Test = (function (){ const alternative = function(){ return 'Error Get Function '}, methods = { GetName: alternative, GetAge:alternative } // If the condition is not met, the default text will be returned // replace to 55 < 44 if( 55 > 44){ // Function one methods.GetName = function (name) { return name; }; // Function Two methods.GetAge = function (age) { return age; }; } return methods; }()); // Call console.log( Test.GetName("Yehia") ); console.log( Test.GetAge(66) );

首先你必须访问MDN IIFE,现在关于这一点有几点

这是立即调用的函数表达式。当你的javascript文件从HTML中调用这个函数时立即调用。 这防止了在IIFE习惯用法中访问变量以及污染全局作用域。

命名空间。JavaScript的作用域是函数级的。