诡异代码-js-2

来源:互联网 发布:网络维护明细 编辑:程序博客网 时间:2024/06/06 06:48

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 = trueif (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
原创粉丝点击