作用域链

作者: 海娩 | 来源:发表于2018-04-20 08:03 被阅读0次

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。其实,画图的话应该会更清晰一点。

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
从而,我们看到一个非常神奇的东西.通过闭包,我们捕捉到了局部变量,并把它一直保存下来
在同一个作用域中定义两个闭包,这两个闭包共享同样的私有变量或变量,这里的私有变量或变量指的就是他的外部对象的属性

相关文章

  • 作用域链和闭包

    在谈作用域链之前先说一下与作用域链关系紧密的执行环境和作用域。 作用域:作用域指的是变量的适用范围。 作用域链:作...

  • 作用域链

    作用域链 把多个作用域串起来便形成了作用域链;每个函数在初始化完成之后就拥有了各自的作用域链,但此时的作用域链中并...

  • web性能实践

    一. 作用域 前面我们了解作用域概念的以及作用域链是如何运作的。 随着作用域链中的作用域数量的增加,访问当前作用域...

  • JS_0: 执行环境和作用域链

    JavaScript,目前对于执行环境和作用域链的理解 什么是作用域链? 要讲作用域链就得先讲执行环境。 每个函数...

  • js 总结七07-19

    作用域 全局 局部 作用域链 闭包

  • 作用域和闭包

    作用域链 (据我所知)所有的编程语言都存在作用域链。整个代码存在全局作用域、函数作用以及块级作用域。 上述代码将会...

  • 2023-01-12

    变量提升调用栈块级作用域作用域链和闭包 闭包 => 作用域链(词法作用域) => 调用栈(栈溢出) => 上下文...

  • JavaScript 作用域链与闭包

    作用域链与闭包 了解作用域链之前需要先了解下作用域是什么。 作用域 几乎所有的语言都有作用域的概念。这是因为它们都...

  • 作用域/作用域链 闭包及其使用

    一、作用域、作用域链 作用域(scope) 浅显的理解: 作用域就是变量的可用范围(scope) 为什么要有作用域...

  • 作用域链

    作用域链(scope chain) 理解: 作用域链决定了哪些数据能被函数访问。当一个函数创建后,它的作用域链会被...

网友评论

    本文标题:作用域链

    本文链接:https://www.haomeiwen.com/subject/iqxnkftx.html