从零学JS高级程序设计一:定义函数的方式,函数表达式和函数声明的区别

函数的定义有两种,一种是函数声明,一种是函数表达式。
函数声明它的一个重要的特性就是函数声明提升(function declaration hoisting),意思是在执行代码之前会先读取函数声明。
所以以下的代码是不会报错的:(声明已经被解析,所以写在调用a方法之后也没有问题。)

a();
function a()
{

}

在浏览器解析JS代码过程中,函数的声明会被提前执行,这样也就意味着,如果想通过条件来声明一个函数,以下写法是错误的:

if(boo)
{
function a()
{
console.log(ture)
}

}else
{

function a()
{
console.log(false)
}
}

a();//无论boo是true还是false,最终都会输出false,因为在解析这段代码的时候,浏览器会先将函数定义保存到自己的环境中,最后再由上至下执行代码,所以以上会先定义两次a函数,那么只会存储最后一次定义的函数

如果需要完成这种根据条件来确定执行的函数体,则可以通过函数表达式来完成,以上代码可以改成如下:

var F;
if(boo)
{
F=function a()
{
console.log(ture)
}

}else
{

F=function a()
{
console.log(false)
}
}
F();//此时则会根据boo的值输出不同的结果,此处作为函数表达式来定义函数,则没有函数声明的提前声明的特性,故而此处是正确的写法
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值