JavaScript自执行函数

1、函数声明和函数表达式

在JavaScript中，定义函数的方式有两种：一种是函数声明，另一种就是函数表达式。函数声明的语法：

function functionName(arg0,arg1,arg2){
    //do some operation
}

关于函数声明，它的一个重要特征就是函数声明提升，意思是在执行代码之前会先读取函数声明。

sayHi();
function sayHi(){       
    alert('Hi!');
}

上面这个例子不会抛出错误，因为解析器会率先读取函数声明，并使其在执行任何代码之前可用。
第二种创建函数的方式是使用函数表达式。下面是最常见的一种形式：创建一个函数并将它赋值给变量functionName.

var functionName = function(arg0,arg1,arg2){
    //do some operation
}

这种情况下创建的函数叫做匿名函数，因为function关键字后面没有标识符。
函数表达式与其他表达式一样，在使用之前必须先赋值，以下代码会出错：

sayHi();
var sayHi = function(){
    alert('Hi!');
}

2、自执行函数

当声明类似var foo = function(){}函数的时候，通过在后面加个括弧就可以实现自执行，例如foo()，看代码：

var foo = function(){ 
    //do some operation
}()

是不是意味着函数声明后面加个括弧也可以自动执行？例如：

function(){
    //do some operation
}();
function foo(){ 
    //do some operation
}(); 

上述代码，如果运行，都会出错。要解决上述问题，非常简单，只需要用大括弧将匿名函数的代码全部括住就行了，因为JavaScript里括弧()里面不能包含语句，所以在这一点上，解析器在解析function关键字的时候，会将相应的代码解析成function表达式，而不是function声明。

// 下面2个括弧()都会立即执行

(function () {
    //do some operation
}()); // 推荐使用这个
(function () {
    //do some operation
})(); // 但是这个也是可以用的

3、匿名函数

匿名函数就是没有名字的函数，形如

function(){
}

既然没有名字，那么如何调用呢?可以将匿名函数赋给一个变量，这个变量现在就充当了这个函数的名称，但是记住，这个不是名称，只是这么叫，如果觉得不妥的话，可以认为b现在就是这个匿名函数的代表，在用的时候用b就等同于使用右边的函数。可以用以下方法调用：

var b = function(){
}
b();

除了这种方式，还有就是自执行函数，形式如下：

(function(){
    //do some operation
}())
//或者
(function(){
    //do some operation
})()

4、总结

自执行函数，确切的说是自执行匿名函数（Self-executing anonymous function）或者叫立即调用的函数表达式。