你不知道的javascript中的一个例子的疑惑-PHP中文网问答

微信公众号讲师中心

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机/移动开发手机游戏

最近更新

搜索

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程

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

阿神 2017-04-11 12:53:26

[JavaScript讨论组]

651

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)

巴扎黑2017-04-11 12:55:26 3楼

最近都在看这本书……？你的问题有人问过了，移步

https://segmentfault.com/q/10...

赞 +0

添加回复

阿神2017-04-11 12:55:26 2楼

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

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

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

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

赞 +0

添加回复

PHP中文网2017-04-11 12:55:26 1楼

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

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

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

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>