一道奇怪的JS面试题一

最新推荐文章于 2024-04-12 17:58:02 发布

已转行此号停用

最新推荐文章于 2024-04-12 17:58:02 发布

阅读量537

点赞数

分类专栏：个人技术分享

本文链接：https://blog.csdn.net/qianfeng_dashuju/article/details/107998033

版权

本文探讨了一道JavaScript面试题，涉及函数声明在条件语句中如何被不同浏览器解析的问题。从IE到Chrome和Firefox，浏览器对待此类函数声明的方式不一，有的将其视为全局表达式，有的不执行提升。结论是，应避免在条件语句中定义函数，以防止潜在的混淆和不一致性。

摘要由CSDN通过智能技术生成

题目如下:

var a = 0;
if (true) {
    a = 1;
    function a() {return '123'}
    a = 21;
    console.log(a);
}
console.log(a);

按照正常思路, 我们应该考虑变量提升.

即是说, 代码等价于如下效果

function a() {return '123'}
var a = 0;
if (true) {
    a = 1;
    a = 21;
    console.log(a); //21
}
console.log(a); //21

但话说回来, 把函数声明写在判断语句中, 如果{ } 被看做代码块的话

那么函数的声明应在代码块内做提升.

即是说, 代码等价于如下效果

var a = 0;
if (true) {
    function a() {return '123'}
    a = 1;
    a = 21;
    console.log(a);  //21
}
console.log(a);  //0

然而实际的结果却不是这样的

先来看看IE的结果

21
21
//以上打印结果为IE浏览器 10版本

但是到了IE11 和最新的 edge浏览器就变了

21
function a() {return '123'}
//以上打印结果为IE浏览器 11版本  和 edge浏览器

显然IE11认为, 函数声明为全局, 并且, 函数也没有进行提升, 而是当成了表达式

因此, 代码等价于

var a = 0;
if (true) {

关注

专栏目录