我遇到过最奇怪的一条JS面试题(一)

写在前面：

最近会给大家出些面试类的教程，也会给大家整理些视频学习教程，因为很多伙伴都是初学者，有些在准备面试的，所以你们有需要的，可以留言回复：学习视频，我会发给大家！希望大家都能好好学学习！

题目如下:

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) {

let a1 = 1;

window.a = function() {return '123'}

a1 = 21;

console.log(a1); //21

}

console.log(a); // fn...

 

我们再测试谷歌和火狐浏览器：

21

1

//以上打印结果为chrome浏览器 76.0.3809.87版本

谷歌浏览器跟火狐一致认为, 直到出现了函数声明, 变量a才出现了局部作用

函数依然被当成了表达式, 而不是一个声明

即是说, 代码等价于如下

var a = 0;

if (true) {

a = 1;

let a1 = function() {return '123'}

a1 = 21;

console.log(a1); //21

}

console.log(a); // 1

 

总结

当函数被声明在判断语句内部时,

所有浏览器都将 函数声明 当成了表达式(赋值声明)

并且, 对于是否为全局声明, 也有分歧.

 

结论

永远不要把函数定义在条件判断中

 

为什么要出这种奇怪的题目来考察别人呢

是心理的扭曲? 还是道德的沦丧? ^_^

 

其实吧, 作为一个正常的程序员

你或许从来不会把函数定义在判断语句中

 

不知道很正常

知道了也不能说明什么.

大家都好好学习，要视频学习课程的伙伴吱声，整理不易，且学且珍惜！