在javascript中自我执行函数的目的是什么?

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

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

在这:

//Bunch of code...

当前回答

(function(){
    var foo = {
        name: 'bob'
    };
    console.log(foo.name); // bob
})();
console.log(foo.name); // Reference error

实际上，上面的函数将被视为没有名称的函数表达式。

用左右圆括号包装函数的主要目的是避免污染全局空间。

函数表达式中的变量和函数变成私有的(也就是说，它们在函数外部是不可用的)。

其他回答

自我调用(也称为自动调用)是当一个函数立即执行定义。这是一个核心模式它是许多人的基础 JavaScript的其他模式发展。

我是它的超级粉丝:)因为:

它使代码减至最少它实现了行为与表示的分离它提供了一个闭包，可以防止命名冲突

(为什么你要说它是好的?)

它是关于一次定义和执行一个函数。你可以让这个自动执行的函数返回一个值，并将该函数作为参数传递给另一个函数。它有利于封装。它也适用于块作用域。是的，你可以把你所有的.js文件封装在一个自动执行的函数中，并且可以防止全局命名空间污染。；）

更多的在这里。

下面是一个实例，说明了自我调用匿名函数的用处。

for( var i = 0; i < 10; i++ ) {
  setTimeout(function(){
    console.log(i)
  })
}

输出:10,10,10,10…

for( var i = 0; i < 10; i++ ) {
  (function(num){
    setTimeout(function(){
      console.log(num)
    })
  })(i)
}

输出:0,1,2,3,4…

可能是范围隔离。这样函数声明中的变量就不会污染外部命名空间。

当然，在一半的JS实现中，它们都是如此。

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

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

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

自调用函数在javascript:

自动调用(启动)自调用表达式，而不需要调用。自调用表达式在创建后立即被调用。这主要用于避免命名冲突以及实现封装。变量或声明的对象在此函数之外不可访问。为了避免最小化(filename.min)的问题，总是使用自执行函数。

推荐文章