诡异代码-js-2

var a 为变量声明
function a(){} 为函数声明
js中变量和函数的声明(这里只是说var方式,而不是let的方式)会中所处的作用域中“提升“到代码段的最前面,细节:函数声明会先与变量声明提升,如果出现同名的,后者是变量声明将被忽略,如果是函数声明将被覆盖,如下示例:
1.

{
    console.log(a)      // 不会报错, 会输出undefine
    var a = 1
}

等同如下:

{
    var a
    console.log(a)
    a = 1
}
  1. 2.
{
    a();                   // 不会报错, 会正常执行, 函数a的声明被提升到了前面
    function a(){}
}

3.

{
    a()               // 将输出 '1'
    var a                 // 虽然会被提升,但是有同名的 a 函数出现,这行代码将被忽略
    function a(){ console.log('1') }   // 会被提升
    a = function(){console.log('2')}  // 不会被提升
}

4.

{
    a()               // 将输出 '2'
    function a(){ console.log('1') }   // 会被提升
    function a(){ console.log('2') }   // 同样会被提升, 而且会覆盖 之前a的函数声明
}

更诡异的:

foo()
var a = true
if (a){
    function foo(){console.log('1')}
}else{
    function foo(){console.log('2')}
}

《You Don’t know JS》Page 41 的结果是 打印出 ‘2‘
但我在 nodejs v7.8.0 中的结果是 报错 而且是 TypeError (表示 foo 不是一个函数, 而不是报 ReferenceError(没有声明))
另外 我尝试 将 foo() 的函数调用放到最后,打印的结果是 ‘1’
正如书中所说,该行为并不可靠,中JavaScript未来的版本中有可能会改变(^_^果然是改变了)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值