js的怪异代码题记录

题目一

?

1 2 3 4 5 6 7 8

var a = 0 if (true) {     a=1;     function a() {return 3}     a=2     console.log(a) // 2 } console.log(a) //1<br>// 题目看起来很怪，全局变量在中间似乎发生了变化

逐步解析

console.log(a, '1')
var a = 0
console.log(a,'2');
if (true) {
    console.log(a,'3');// function...
    a = 1;
    console.log(a,'4');// 1
    function a() {
        return 3
    }
    console.log(a,'5');// 1
    a = 2;
    
   console.log(a,'6');// 2
}
console.log(a,'7'); // 1

可以看到在块级作用域中定义同名函数之后发生的变量赋值就不是对全局作用域的a改变了

那我们改变函数顺序，再来测试一下

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

console.log(a, '1') var a = 0 console.log(a,'2'); if (true) {     console.log(a,'3');// function...       function a() {         return 3     }     console.log(a,'4');// function...     a = 1;     console.log(a,'5');// 1     a = 2;    console.log(a,'6');// 2 } console.log(a,'7'); // function...

结果函数在块级作用域中定义时，赋值为全局变量a函数，以至于之后的a赋值都没赋值给全局变量a上。

结论：这是道很怪的题目，可能是为了增加面试题差异化，水平不够，只能解析到这里。

 以下是别人对js块级作用域声明的理解，我阅读之后发现js弱类型带来的问题很大，尽量用typescript可能是现在最优解

研究js的块级作用域中的变量声明和函数声明 - 掘金
https://juejin.cn/post/6844903955814694919