JavaScript中作用域链的理解

先说点废话,本人感觉一些以前的知识开始淡忘,于是重新回味JavaScript高级程序设计这本打牢基础的神书,想起来也是一把辛酸一把泪,当年在网上搜js教程书,千挑万选看中这本,然后开始了js的入坑之路,一鼓作气花了一个月把它看完,结果没有找练手项目过一个星期就忘了个七七八八,后来又花了一星期重看一遍。。。到现在是第三次花时间看这本书了,仔细反省下来,感觉除了自己学习上专攻理论不重实践这个大毛病外也有这本书内容非常丰富不能短时间掌握的原因,至今还是非常喜欢这本书,一本好书才能让人看了一遍还会想看第二遍,尤其是关于js对象,对象的构造模式,原型,原型链,继承等js的核心知识点讲述的非常详细!一字一句循序渐进,油而不腻。(不过本书也有过分详细让人分不清重点看懂之后感觉废话好多的小毛病 )重新看了一遍重要的知识点之后,理解是都理解了,但是感觉还是要用自己的话再说一遍才能算真正的理解,不然又要重蹈覆辙啦好,正片开始:

1、什么是执行环境

执行环境,就是js中代码的执行环境,也是常说的上下文在浏览器中window就是一个执行环境,而且还是最外层的全局执行环境,每一个执行环境都有一个变量对象来存储在该环境下的变量和函数,当执行环境中的所有代码被执行完之后,该环境被销毁,而全局执行环境window只有在浏览器关闭的时候才会被销毁。每一个函数都有自己的执行环境(局部执行环境),当执行流进入一个函数时,函数的环境就会被推入一个环境栈中,而在函数执行之后,栈将其环境弹出,把控制权返回给函数的外部环境

2、作用域链

当代码在一个环境中执行时,会创建变量对象的一个作用域链。
作用域链的用途:保证当前执行环境有权访问的变量和方法的有序访问。这条作用域链的最前端始终是当前执行的代码所在环境的变量对象,而下一个变量对象来自包含(外部)环境,以此往外推,直到作用域链尾端:全局执行环境的变量对象,在浏览器里就是window。也就是说作用域链是一个个执行环境的变量对象组成的,而且顺序是由里到外。
标识符解析:沿着作用域链一级一级的搜索标识符的过程。
举个栗子:

window.onload=function(){
    var a = 1;
    var b = 2;
    function func1(){
        var a = 2;  //
        console.log(a);  //程序检测到这里的标识符a,开始沿着作用域链一级一级往上找,在作用域链顶端-当前执行环境里找到a,于是输出2
        console.log(b);  //程序检测到这里的标识符b,开始沿着作用域链一级一级往上找,在作用域链尾端-全局执行环境里找到b,于是输出2
        console.log(c);  //程序检测到这里的标识符c,开始沿着作用域链一级一级往上找,在作用域链中没有找到c,于是程序报错c is not defined
        function func2(){
        var c = 3;
        }
    }
    func1();
}

扩展:JS没有块级作用域

在其他类c语言里,有花括号封闭的代码块都有自己的作用域,但是在js里是没有的:
直接贴代码:

if(true){
      var a = 1;
}
console.log(a);  //结果为1

你可能感兴趣的:(JavaScript中作用域链的理解)