码迷,mamicode.com
首页 > Web开发 > 详细

JS中的变量声明提升

时间:2018-09-26 21:36:31      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:脚本语言   作用域   一个   阶段   语言   原则   关键字   ...   作用   

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.

下面上几个有难度的,

 

JS中的变量声明提升

标签:脚本语言   作用域   一个   阶段   语言   原则   关键字   ...   作用   

原文地址:https://www.cnblogs.com/lzn0330/p/9709654.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!