JavaScript声明函数的方式,以及各个方式的区别

[/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中不会保存有对函数的引用;而且,第一行代码运行不通过,实际上也不会执行到下一行
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值