JavaScript变量声明提升

悠悠 2022-11-10 05:44 243阅读 0赞

#### 变量提升 ####

JavaScript引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再一行一行地运行。这造成的结果，就是所有的变量的声明语句，都会被提升到代码的头部，这就叫做变量提升。

示例：

console.log(a) // undefined
    
    var a = 1
    
    function b() {
        console.log(a)
    }
    b() // 1

上面的代码实际执行顺序是这样的:

**第一步** 引擎将var a = 1拆解为var a = undefined和 a = 1，并将var a = undefined放到最顶端，a = 1还在原来的位置；

var a = undefined
    console.log(a) // undefined
    
    a = 1
    
    function b() {
        console.log(a)
    }
    b() // 1

**第二步** 就是执行，因此js引擎一行一行从上往下执行就造成了当前的结果，这就叫变量提升。

#### 声明提升 ####

当前作用域内的声明都会提升到作用域的最前面，包括变量和函数的声明

(function(){
      var a = "1";
      var f = function(){};
      var b = "2";
      var c = "3";
    })();

变量a,f,b,c的声明会被提升到函数作用域的最前面，类似如下：

(function(){
      var a,f,b,c;
      a = "1";
      f = function(){};
      b = "2";
      c = "3";
    })();

请注意函数表达式并没有被提升，这也是函数表达式与函数声明的区别。进一步看二者的区别：

上面代码中函数声明f2被提升，所以在前面调用f2是没问题的。虽然变量f1也被提升，但f1提升后的值为undefined,其真正的初始值是在执行到函数表达式处被赋予的。所以只有声明是被提升的。

还没有评论，来说两句吧...