你不知道的javascript中的一个例子的疑惑

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

《你不知道的JavaScript》第四章上说,foo函数会提前到它所在作用域顶部,这样理解的话结果是2没错,在webstorm11中测试结果确实为2,但我参考MDN发现这里的foo函数为表达式,函数表达式是不会提升的啊,而该代码在Chrome、Firefox中测试结果均报TypeError错误,说明RHS查询找到了foo,但值应该为undifined,所以才会报TypeError,这是什么原因?

但如果浏览器把if的{}当做块级作用域了的话,那么RHS查询应该会失败,最后也应该是报ReferenceError吧?是浏览器没有按照标准来吗?

阅读 3.4k
3 个回答

你贴的代码据说是不符合ES标准,属于无效语法。javascript引擎会尝试修正错误,只是不同的浏览器修正方式不一样,结果不是一定为2。

你说的修改成函数表达式是这样吗?

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

这种情况,函数表达式不会提升,但是变量声明会提升,所以才报TypeError的吧

明白了,浏览器确实是把foo函数声明当成函数表达式来处理了,等价于

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

变量声明会提前,所以最终才会报的TypeError,而不是ReferenceError

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏