2024年网安最全一道奇怪的JS面试题一_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才出现了局部作用

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

即是说, 代码等价于如下

给大家的福利

零基础入门

对于从来没有接触过网络安全的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。

同时每个成长路线对应的板块都有配套的视频提供：

因篇幅有限，仅展示部分资料

网络安全面试题

绿盟护网行动

还有大家最喜欢的黑客技术

网络安全源码合集+工具包

所有资料共282G，朋友们如果有需要全套《网络安全入门+黑客进阶学习资源包》，可以扫描下方二维码领取（如遇扫码问题，可以在评论区留言领取哦）~

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化资料的朋友，可以点击这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！