资讯专栏INFORMATION COLUMN

20170525-执行环境、作用域链、作用域

gnehc / 908人阅读

摘要:当执行流进入一个函数时,函数的环境就会被推入一个环境栈中。在函数执行完后,栈将其环境弹出,把控制权返回给之前的执行环境。执行环境可以分为创建执行销毁三个阶段。在这个阶段,作用域链会被初始化,的值也会被最终确定。

执行环境

执行环境中定义了变量和函数有权访问的其他数据,决定了他们各自的行为。

当JavaScript解释器初始化执行代码时,它首先默认进入全局执行环境,从此刻开始,函数的每次调用都会创建一个新的执行环境。

每个函数都有自己的执行环境。当执行流进入一个函数时,函数的环境就会被推入一个环境栈中(execution stack)。在函数执行完后,栈将其环境弹出,把控制权返回给之前的执行环境。ECMAScript程序中的执行流正是由这个便利的机制控制着。

执行环境可以分为创建、执行、销毁三个阶段。在创建阶段,解析器首先会创建一个变量对象(variable object),它由定义在执行环境中的变量、函数声明、和参数组成。在这个阶段,作用域链会被初始化,this的值也会被最终确定。在执行阶段,代码被解释执行。 某个执行环境中的所有代码执行完毕后,该环境被销毁,保存在其中的所有变量和函数定义也随之销毁

作用域链

当代码在一个执行环境中执行时,会创建变量对象的一个作用域链

作用域链的作用是:保证对 当前执行环境权访问的所有变量和函数的有序访问

作用域的前端始终是当前执行的代码所在环境的变量对象

作用域链的最后始终是全局执行环境的变量对象

作用域链里只包含上一级的变量对象,但并不包括下一级的变量对象

标识符解析的是沿着作用域链一级一级地搜索标识符的过程,搜索始终从作用域链的前端开始(当前环境的变量对象),逐级向后查找(上级环境的变量对象),直至找到标识符为止

内部环境可以通过作用域链访问所有外部环境,但是外部环境无法访问内部环境中的任何变量和函数

延长作用域链:

在作用域链的前端(自己的变量对象之前)临时增加一个变量对象,该变量对象会在(这段)代码执行后被移除

try-catch语句中的catch块

with语句:

function builder(){
    var str = "advd"
    // 在作用域链的前端临时增加了一个变量对象,这样在当前执行环境中就可以访问loaction的属性和方法了
    with(location){
        var url = href + str
    }
    // 当with代码执行后,作用域链中的临时变量对象被移除,此时无法访问href
    console.log(href) //  Uncaught ReferenceError: href is not defined
    return url
}
作用域

我认为作用域链是对变量对象/执行环境而言的,当执行环境中出现一个变量时,应该按照怎样的搜索方式(沿着作用域链)去找到这个变量

作用域是对于变量而言的,指明了这个变量在哪些地方可以被访问到,例如某一变量处于全局作用域中,则该变量可以在代码的任何地方被访问到

全局作用域:

最外层函数和最外层函数外面定义的变量拥有全局作用域

所有 未定义 (要理解这个未定义的含义) 直接赋值的变量自动声明为拥有全局作用域

window对象的属性拥有全局作用域

函数作用域:

在函数中定义的变量

给函数传递的参数

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/83164.html

相关文章

  • 还是不明白JavaScript - 执行环境作用作用、闭包吗?

    摘要:所以,全局执行环境的变量对象始终都是作用域链中的最后一个对象。讲到这里,可能你已经对执行环境执行环境对象变量对象作用域作用域链的理解已经他们之间的关系有了一个较清晰的认识。 JavaScript中的执行环境、作用域、作用域链、闭包一直是一个非常有意思的话题,很多博主和大神都分享过相关的文章。这些知识点不仅比较抽象,不易理解,更重要的是与这些知识点相关的问题在面试中高频出现。之前我也看过...

    jlanglang 评论0 收藏0
  • [学习笔记] JavaScript 作用

    摘要:全局执行环境的变量对象始终是作用域链中的最后一个变量对象。综上,每个函数对应一个执行环境,每个执行环境对应一个变量对象,而多个变量对象构成了作用域链,如果当前执行环境是函数,那么其活动对象在作用域链的前端。 1.几个概念 先说几个概念:函数、执行环境、变量对象、作用域链、活动对象。这几个东东之间有什么关系呢,往下看~ 函数 函数大家都知道,我想说的是,js中,在函数内部有两个特殊...

    ?xiaoxiao, 评论0 收藏0
  • 形象化模拟作用,深入理解js作用、闭包

    摘要:至此作用域链创建完毕。好了,通过深入理解作用域链,我们能跟好的理解的运行机制和闭包的原理。 前言 理解javascript中的作用域和作用域链对我们理解js这们语言。这次想深入的聊下关于js执行的内部机制,主要讨论下,作用域,作用域链,闭包的概念。为了更好的理解这些东西,我模拟了当一个函数执行时,js引擎做了哪些事情--那些我们看不见的动作。 关键词: 执行环境 作用域 作用域链 变...

    txgcwm 评论0 收藏0
  • 关于js闭包

    摘要:在作用域链中,外部函数的活动对象始终处于第二位,外部函数的外部函数的活动对象处于第三位,直到作用域链终点即全局执行环境。更为重要的是函数在执行完毕后,其他活动对象也不会被销毁,因为匿名函数的作用域链仍然在引用这个活动对象。 原文链接----请点这里   闭包是指有权访问另一个函数作用域中的变量的函数,创建闭包的常见方式,就是在一个函数内部创建另一个函数。   之所以一个内部的函数可以...

    livem 评论0 收藏0
  • JS 作用

    摘要:首先,在创建函数时,作用域链内就会先填入对象,图片只例举了全部变量中的一部分。然后,解释器进入函数的执行环境,同样的,首先填入父级的作用域链,就是的,包括了对象活动对象。之后再把的活动对象填入到作用域链最顶部,这就是的作用域链了。 之前学习JS函数部分时,提到了作用域这一节,但是因为使用材料书不同,今天在读博客的时候发现其实还有一个知识点即作用域链,所以来写一些个人理解和认识加深记忆。...

    darry 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<