js变量提升理解

通俗的来说，变量提升就是，在变量的作用域内，不管变量在何处声明，都会被提升到作用域的顶部，但是变量初始化的顺序不变。（注意，变量提升只将声明部分提升，赋值部分不改变位置，具体可以看例子理解）

这句话是什么意思呢？举个例子：

function test() {
    a=1;
    b=2;
    c=3
    var a,b,c;
    console.log(a);
    console.log(b);
    console.log(c);
    }

这样一段代码，a , b, c三个变量是先赋值后声明，竟然没有报错。那是因为，按照变量提升的原则，在代码执行前，js编译器会将代码改成这样：

function test() {
    var a,b,c;
    a=1;
    b=2;
    c=3
    console.log(a);
    console.log(b);
    console.log(c);
    }

将变量提升到该作用域的最顶端声明，然后再按顺序执行其他的代码。

 Exemple：

再举个例子帮助你理解变量提升。

    var value="nihao";
    function test() {
    console.log(value);
    var value="byebye";
    }
    test();

这段代码输出的是undefined，你可能会疑惑，为什么没打印全局变量value？那是因为，根据变量提升的原则，js会将这段代码改成以下代码：

var value="nihao";
    
function test() {
var value；
    
console.log(value);
    
value="byebye";
    
}
   

  
  

   
   test();
  
  

js会将作用域中的变量的声明放到作用域最顶部，这样打印value时，就近查找找到了value，所以不会再找全局的变量了，但此时value没有赋值，所以打印了undefined。