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