JS中的变量声明提升

Posted 2021-01-08 lzn0330

JS是一种脚本语言，和一些高级语言不同，它没有完整编译的过程，一般是边写边编译，这也是我们觉得脚本语言比其他语言加载快的原因，其实，JS中有变量声明提升这一机制。当JS在执行的时候会分为2个阶段，预解析，执行，当JS在执行的时候会将所有用var声明的变量以及关键字定义的函数进行提升（  function  fn(){......}  ），提升到当前作用域的最顶端，而赋值语句在原地等待执行，预解析后，再从上往下逐行解析代码。预解析遵循一些原则，下面一点一点的说明。

提到变量声明提升，就得结合作用域来分析，也就是局部作用域能访问到全局的变量，而全局作用域访问不到局部作用域。

例：

　　var a=1;

　　function fn(){

　　　　alert(a);

　　　　　a=2;

　　}

 

fn();      

alert(a);

当fn执行后，会弹出1，因为局部作用域能访问到全局作用域，代码逐行执行，这个a就是上面声明的那个a,但在全局再弹出a，a变成了2，因为函数内部对它进行的更改。

 

例：

　　var a=1;

function fn(){

　　alert(a)

　　var a =2;

}

fn();

alert(a);

这时，函数内部弹出的a是undefined,因为函数内部声明了一个a，进行了变量声明提升，提升到当前作用域的最顶端，赋值语句不动，也就是函数变成了下面这样

function fn(){

　　var a;

　　alert(a)

　　 a =2;  //这里的a 是指函数内部的a，不管全局作用域还是局部作用域都遵循就近原则。

}

全局弹出的a是1，因为全局访问不到局部变量，即使在函数中var 了一个a但访问不到。

例：

var a=1;

function fn(a){

　　alert(a);

　　a=2;

}

fn();

alert(a);

函数内弹undefined，全局弹1.但这个和上一个例子不一样。函数传一个参数，就相当于在函数内声明了一个变量，所以函数内弹undefined,全局仍然弹1

例：

　　

var a=1;

function fn(a){

　　alert(a);

　　a=2;

}

fn(a);

alert(a);

 

函数内弹1，因为函数调用的时候把全局的a传了进去，别看全局和函数都有个a,但2个a是不一样的，不是同一个变量，全局仍然弹1.

下面上几个有难度的，