javascript - 关于js的变量声明和赋值？

Question

如下，问题是，这个参数的赋值操作什么时候进行的？什么时候abc=10？既然变量和函数声明在前，赋值在后，那为什么函数里面abc声明会覆盖了参数的数值10，而第一个console.log出来的是函数？不太理解。。还望高手指点一下？ 3Q

<script type="text/javascript">
                function abc(abc){
                    console.log(abc); // 这一个是函数
                    function abc(){
                        111111
                    }
                    var abc=7;
                }
                abc(10)
                

                function bcd(bcd){
                    console.log(bcd);  //这一个则是7
                    var bcd=8;
                }
                bcd(7);   
    
</script>

Answer 1

函数声明优先的意思是，通过函数声明初始化的函数名会覆盖其他同名的变量声明。

将变量声明提升表示为下面这个过程只是为了形象化：

alert(a);
var a = 1;
------->
var a;
alert(a);
a = 1;

变量声明提升在引擎中的过程其实是这样的：当要加载某个作用域里的数据的时候，首先会把作用域里所有声明过的变量在内存中开辟出一块空间方便存放数据，这是声明提升。之后会为变量所在内存存放数据，这是赋值。

理解了这点你再看下面那个例子。通过bcd(7);调用函数，进入这个作用域，为变量bcd开辟了一块内存空间，之后把7放进了这块内存。再然后把bcd这块内存存放的数据7打印了出来~

Answer 2

是因为函数声明提升 Function Hoisting
内层函数abc声明会提升至外层函数abc的作用域的顶部
且函数声明 无法被函数表达式，变量和传参覆盖

// 补充
第二个是因为函数执行时会在作用域命名变量 bcd并赋值bcd=7 所以console打印为7

你的这句var bcd=8;之后再console 就是8了