作用域链

qwq, 很想把文章写的通俗易懂,今天讲一下作用域链吧。
为什么要用链来说明这些词汇呢?因为都是环环相扣,就像我们项链一样。

这里我们会讲到对象,全局对象中,全局声明的属性就作为对象其中的一些属性,局部对象中,函数内声明的属性就作为局部对象的属性。

对象

emmm,怎么说,哪里都可以扯到对象,爸爸妈妈会说对象,外公外婆也知道对象。
可是,我们真的了解我们的对象吗??好的,我没有。
作用域链有好多个对象呢!!生气!!!

  • 当你定义一个js文件的时候,作用域就产生了,全局对象首先也出现了,他挂载在全局作用域这条链上
  • 当你定义一个函数的时候,函数内部又会出现一条作用域链了,它有两个对象!局部对象和全局对象!
    好吧,其实全局对象脚踏多条船,同一个对象,既出现在全局作用域,又出现在局部作用域。
这个时候会怎样呢?

全局作用域的属性就既可以在全局作用域被搞死,也可以在局部作用域里获得重生。而全局作用域链上没有局部对象,因此就无法改变局部作用域。
先看下个例子。

    var a = 2;
    function b() {
        var b = 1;
        a = 0;
        var d = function() {
            var c = 1;
            return a+b+c;
    }
  }

这里呢,var a = 2定义的全局变量就是全局对象里的一个属性,你既可以在全局中改变它,在函数内部也可以其值。而var b = 2的话就只是局部对象里面的属性,在全局中无法修改,只能在函数内进行修改

对于嵌套函数来说,其实是可类比的

在一层嵌套函数内部,就会有3个对象, 全局对象,局部中的外部对象,嵌套函数内变量和参数组成的嵌套函数局部对象。这几个对象的属性映射到上个例子中分别是 a, b , c。其实,画图的话应该会更清晰一点。

作用域链_第1张图片
image.png

这三条作用域链存储在不同的地方,而对象是共享的
图中,三条链共享全局对象,两条链共享一级局部对象。说明,在这三个地方都可以使用到全局对象的属性。

  • 当查找变量x时,在本身所在的作用域链上,从top开始查找,比如红色的那条作用域链,首先查找二级局部对象,然后是一级局部对象,最后查找全局对象。当全部对象都没有相应的属性变量时,就会抛出引用错误异常。
  • 对于嵌套函数来说,每次调用外部函数时,内部函数就会重新定义一次,因为一级局部对象中的实参可能发生变化,导致的一级局部对象发生变化。

闭包

这个东西真的是很常见了。。。我们从作用域的角度进行分析

  • 函数对象通过作用域链相互关联起来,函数体内部的变量都可以保存在函数作用域内,这种特性就称为闭包。
  • 函数的执行依赖于变量的作用域,这个作用域是在函数定义的时候决定的,而不是函数调用的时候。
var scope = "hello";
function checkscope() {
        var scope = "world";
        function f() {
        return scope;
    }
return f;
}
var a = checkscope()();
console.log(a);   

image.png

在这段代码中,我们可以想到,我们刚才的作用域变量查找。
虽然我们是在外部函数的外面,调用的这个函数,但是在定义该嵌套函数的时候,作用域已经确定了,所以答案还是原来的 world
从而,我们看到一个非常神奇的东西. 通过闭包,我们捕捉到了局部变量,并把它一直保存下来

在同一个作用域中定义两个闭包,这两个闭包共享同样的私有变量或变量,这里的私有变量或变量指的就是他的外部对象的属性

你可能感兴趣的:(作用域链)