[/code][b][color=red][size=medium]函数声明方式[/size][/color][/b]
[color=blue]1.函数声明方式[/color]
其语法为:
[code="java"]
function 函数名(参数1,参数2,...){
//要执行的语句
}
例1:
function sum(num1,num2){
return num1+num2;
}
[color=blue]2.函数表达式方式[/color]
其语法为:
var 函数名 = function(参数1,参数2,...){
//要执行的语句
};
例2:
var sum = function(num1,num2){
return num1+num2;
};
例2定义了一个变量并将其初始化为一个函数。function关键字后面没有函数名,这是因为在使用函数表达式定义函数时,没有必要使用函数名——通过变量sum即可引用函数。另外就像声明其他变量一样,使用函数表达式定义函数时,函数体外有分号。
[color=blue]3.使用Function构造函数[/color]
Function构造函数可以接收任意数量的参数,最后一个参数为函数体,其他的参数则枚举出新函数的参数。其语法为:
var 变量名 = new Function("参数1","参数2",...,"参数n","函数体");
例3:
var sum = new Function("num1","num2","return num1+num2");
[b][color=red][size=medium]各种定义函数方式的区别[/size][/color][/b]
从技术角度上讲,使用Function构造函数定义函数的方式是一个函数表达式,但是不推荐使用这种方式定义函数,原因在于这种方式会导致解析两次代码,影响性能。第一次解析常规的JavaScript代码,第二次解析传入构造函数的字符串。不过,这种语法对于理解“函数是对象,函数名是指针”的概念是非常直观的。
对于函数声明和函数表达式两种定义函数的方式而言,解析器并不是一视同仁的。解析器会率先读取函数声明,并使其在执行任何代码之前可用(可以访问);对于函数表达式,则必须等到解析器执行到它所在的代码行,才会真正被解释执行。直接上例子吧。。。
例4
alert(sum(10,10));//20
function sum(num1,num2){
return num1+num2;
}
例4的运行结果为20。为什么呢?因为在代码开始执行之前,解析器就已经通过一个名为函数声明提升(function declaration hoisting)的过程,读取并将函数声明添加到执行环境中。对于代码求值时,js引擎在第一遍会声明函数并将它们放到源代码树的顶部。所以,即使声明函数在调用它的代码后,js引擎也能把函数声明提升到顶部。但是,如果把上面的函数声明改成等价的函数表达式,就会在执行期间导致错误。
例5
alert(sum(10,10));//20
var sum = function(num1,num2){
return num1+num2;
};
例5会运行错误,因为函数位于一个初始化语句中,而不是一个函数声明。换句话说,在执行到函数所在的语句之前,变量sum中不会保存有对函数的引用;而且,第一行代码运行不通过,实际上也不会执行到下一行