函数表达式
函数表达式是JavaScript中的一个既强大又容易令人困惑的特性。定义函数的方式有两种:一种是函数声明(没错,不同于C语言之类的),另一种就是函数表达式。
函数申明(这相当于C语言的函数定义)的语法是这样的:
function functionName(arg0,arg1,arg2){
//函数体
}
首先是function关键字,然后是函数的名字,这就是指定函数名的方式。Firefox、Safari、Chrome和Opera都给函数定义了一个非标准的name属性,通过这个属性可以访问到给函数指定的名字。这个属性的值永远等于跟在function关键字后面的标识符。
//只在Firefox、Safari、Chrome和Opera有效
alert(functionName.name); //“functionName”
关于函数声明,它的一个重要特征就是函数申明提升,意思是在执行代码之前会先读取函数声明。这就意味着可以把函数声明放在调用它的语句后面。(神奇~先调用后定义?嘿嘿,这就是太沉陷于C语言了哦~)
sayHi();
function sayHi(){
alert("Hi~");
}
这个例子不会抛出错误,因为在代码执行之前会先读取函数声明。
第二种创建函数的方式是使用函数表达式。函数表达式有几种不同的语法形式。下面是最常见的一种形式。
var functionName=function(arg0,arg1,arg2){
//函数体
};
这种形式看起来好像是常规的变量赋值语句,即创建一个函数并将它赋值给变量functionName。这种情况下创建的函数叫做匿名函数,因为function关键字后面没有标识符(你给它起的名字)。(匿名函数有时候也叫拉姆达函数。)匿名函数的name属性是空字符串。
函数表达式与其他表达式一样,在使用前必须先赋值。以下代码会导致错误。
sayHi();
var sayHi=function(){
alert("Hi~");
};
理解函数提升的关键,就是理解函数申明与函数表达式之间的区别。例如,执行以下代码的结果可能会让人意想不到。
//不要这么做!
if(condition){
function sayHi(){
alert("Hi!");
}
} else {
function sayHi(){
alert("Yo!");
}
}
表面上看,以上代码表示在condition为true时,使用一个sayHi()的定义;否则,就使用另一个定义。实际上,这在ECMAScript中属于无效语法,JavaScript引擎会尝试修正错误,将其转换为合理的状态。但问题是浏览器尝试修正错误的做法并不一致。大多数浏览器会返回第二个声明,忽略condition;Firefox会在condition为true时返回第一个声明。因此这种使用方式很危险,不应该出现在你的代码中。
不过,如果是使用函数表达式,那就没有什么问题了。
//可以这样做
var sayHi;
if(condition){
sayHi=function(){
alert("Hi~");
};
} else {