我之理解js做用域,做用域链与变量提高

function test4(){
  console.log("test4:"+a)
}
test4();
var a=1;
function test(){
  var test1=function () {
    var test2=function () {
      console.log("test>test1>test2:"+a)
    }
    test2();
  }
  test1();
}
function test3(){
  console.log("test3:"+a)
}
test3();
test();

 上面是一个代码段,运行结果以下: javascript

变量提示:变量分为声明和赋值两个阶段,而变量提高的是声明阶段,赋值原地不动,变量提高会将该变量声明到当前运行环境的最顶端(函数开始的第一行)。因此test4中打印出来的是undefined,而不是抛出一个errror。java

做用域链:test2中并无定义a值,可是因为test2在test1中因此会去test1中找值,test1中也未定义,因而去test中找,最后到global找到了值,因此test打印出啦的值为1.从test2->test1->test->global这条线就叫作做用域链。函数

做用域:test2和 test3中都能获取到a的值,这个是a的做用域。做用域指一个变量的有效区间。以下图:测试

 

盒子表示的是运行环境。从test2和test4找到最外层a的这个叫做用域链。a声明位置提高到了最外层运行环境的最顶端,这个叫变量提高。a的做用域就是这个大盒子。blog

代码多写多测试,遇到不懂得写下来运行一遍,仍是不懂的话就在去提问查。ip

相关文章
相关标签/搜索