执行环境和作用域

yangrd 发布于2019-08-20 15:24 / 223人阅读

摘要：例如在上面的代码中，执行语句时，作用域链的最顶端是临时添加的对象，因此可以直接访问对象的属性获取值。在执行语句时，会创建一个新的变量对象该对象中包含被抛出的错误对象，并添加到作用域链的顶端。

执行环境（也就是常说的上下文）和作用域是js中很基础也很重要的概念，但在很多时候，特别是看其他的文档的时候，却容易混淆概念，这篇文章试着梳理下执行环境和作用域的概念。

1、执行环境

执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个相关联的变量对象，这个对象里面保存了环境中定义的所有变量和函数。这个变量对象在编写代码是不能访问的（除了最外层的window对象），只有解析器在后台处理才能使用。

执行环境可以分成两种：全局执行环境和函数执行环境。在执行js代码之前，默认都会创建一个全局的执行环境，与之关联的是window对象，里面保存了所有全局变量和函数，直到页面关闭时才销毁。而当执行某个函数时，会创建一个活动对象，并把这个对象作为与该函数的执行环境关联的变量对象，从而创建出函数的执行环境。函数的执行环境在函数执行完之后，就会被销毁。

另外，需要提一句的是：在活动对象刚被创建时，对象中只有arguments对象一个属性。

2、作用域

了解执行环境，就可以来说作用域了。

在js中，执行环境是用环境栈来管理的。最底层的是全局执行环境，当执行到一个函数，函数的执行环境就会被推入到环境栈中。如果在函数中继续执行函数，那么内部函数的执行环境就继续被推入环境栈。例如下面的代码：

var name = "window";

outer();

function outer(){
    var name = "outer";
    inner();
    //函数内部的函数
    function inner(){
        var name = "inner";
        console.log(name);
    }
}

对应的环境栈如下：

环境栈中的变量对象，从上到下就组成一条作用域链，用来保证对执行环境有权访问的所有变量和函数的有序访问。解析标识符时，就沿着作用域链一级一级地搜索，也就在环境栈中从上向下一个个对象搜索，直到找到标识符，就返回，否则就报错。例如，上面的代码，执行后会输出‘inner’，当把inner函数中的定义变量语句注释之后就输出‘outer’。

2、延长作用域链

在两种情况下，虽然不是在执行函数，但也会在作用域链的前端临时增加一个变量对象：

try-catch语句的catch块

with 语句

在执行with 语句时，会将指定的对象添加到作用域链中。例如：

function getHost() {
    var res = "";
    with(location){
        res = host;
    }
    return res;
}

在上面的代码中，执行with语句时，作用域链的最顶端是临时添加的location对象，因此可以直接访问location对象的host属性获取值。

在执行catch语句时，会创建一个新的变量对象（该对象中包含被抛出的错误对象），并添加到作用域链的顶端。正因为这个原因，在js的编程中，如果不是必要的，不建议在代码中使用try-catch语句块。

备注：

在第一个例子中，我们把inner函数定义在outer函数的内部，如果是定义在outer函数外部呢？会不会有什么不同？原因是什么？

写在最后：

如果觉得我写的文章对你有帮助，欢迎扫码关注我的公众号：海痕笔记
微信号：haihenbiji

混合云专线服务 js作用域和上下文作用域中作用域作用域规则

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

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

还是不明白JavaScript - 执行环境、作用域、作用域链、闭包吗？

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

jlanglang 2019-08-23 16:32 评论0 收藏0
20170525-执行环境、作用域链、作用域

摘要：当执行流进入一个函数时，函数的环境就会被推入一个环境栈中。在函数执行完后，栈将其环境弹出，把控制权返回给之前的执行环境。执行环境可以分为创建执行销毁三个阶段。在这个阶段，作用域链会被初始化，的值也会被最终确定。执行环境执行环境中定义了变量和函数有权访问的其他数据，决定了他们各自的行为。当JavaScript解释器初始化执行代码时，它首先默认进入全局执行环境，从此刻开始，函数的每...

gnehc 2019-08-20 16:48 评论0 收藏0
JavaScript 作用域和作用域链学习

摘要：作用域与作用域链每个函数都有自己的执行环境。这是初步了解作用域，如想更深入了解作用域，请看下面链接作用域原理作用域链由一道题图解的作用域或者看权威指南和高级程序设计本文是我学习JavaScript作用域整理的笔记，如有不对，请多指出。作用域一个变量的作用域是程序源代码中定义这个变量的区域。而在ES5中只分为全局作用域和函数作用域，也就是说for,if,while等语句是不会创建...

史占广 2019-08-21 11:18 评论0 收藏0
[学习笔记] JavaScript 作用域链

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

?xiaoxiao, 2019-08-22 10:57 评论0 收藏0
执行上下文和作用域的理解

摘要：执行上下文环境然后将执行上下文环境压栈，设置为活动状态当前唯一然后执行到第行，调用函数。有闭包存在时，一个作用域存在两个上下文环境也是有的。这就是作用域链。本文参考引自：深入理解javascript原型和闭包（完结）不得不说，这个系列文章是真的给人恍然顿悟的感觉，写的非常好，强烈推荐。感谢大佬！执行上下文函数每调用一次，都会产生一个新的执行上下文环境。因为不同的调用可能就有不同的...

wenyiweb 2019-08-21 17:25 评论0 收藏0
谈谈javascript语法里一些难点问题（二）

摘要：讲作用域链首先要从作用域讲起，下面是百度百科里对作用域的定义作用域在许多程序设计语言中非常重要。原文出处谈谈语法里一些难点问题二 3) 作用域链相关的问题作用域链是javascript语言里非常红的概念，很多学习和使用javascript语言的程序员都知道作用域链是理解javascript里很重要的一些概念的关键，这些概念包括this指针，闭包等等，它非常红的另一个重要原因就...

Enlightenment 2019-08-21 10:27 评论0 收藏0