诡异代码-js-2

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/felixking/article/details/70135096

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

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

等同如下:

{
    var a
    console.log(a)
    a = 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未来的版本中有可能会改变(^_^果然是改变了)

猜你喜欢

转载自blog.csdn.net/felixking/article/details/70135096
今日推荐