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)或者叫立即调用的函数表达式。

猜你喜欢

转载自blog.csdn.net/xuedan1992/article/details/81510511