执行环境及作用域链的理解 By 吃码小妖

执行环境及作用域链的理解 By 吃码小妖

学习就好比是座大山，人们沿着不同的路登山，分享着自己看到的风景。你不一定能看到别人看到的风景，体会到别人的心情。只有自己去登山，才能看到不一样的风景，体会才更加深刻。

点击上面的“赞”，你的支持是我最大的动力。

内容来源于网络和我所阅读过书籍。
执行环境及作用域链

【01】执行环境（execution [ˌɛksɪˈkjuʃən] context，简称为“环境”）。

执行环境决定了变量或函数是否有权访问其他数据。

【02】每个执行环境都有一个与之关联的变量对象（variable object），环境中所有变量和函数都保存在这个对象中。我们编写的代码无法访问这个对象，但解析器在处理数据时会在后台使用它。

吃码小妖：有很多车间（执行环境），每个车间都有一个工具箱（所有变量和函数）。

【03】全局执行环境是最外围的执行环境。

根据宿主环境不同，表示执行环境的对象也不一样。

在Web浏览器中，全局执行环境的变量对象是window对象，因此所有全局变量和函数都是作为window对象的属性和方法创建的。

某个执行环境中的所有代码执行完毕后，该环境被销毁，保存在其中的所有变量和函数定义也随之销毁（全局执行环境直到应用程序退出——例如关闭网页或浏览器——时才会被销毁）。

【04】每个函数都有自己的执行环境。

当执行流进入一个函数时，函数的环境被推入一个环境栈中。

而在函数执行之后，栈将其环境弹出，把控制权返回给之前的执行环境。

ES程序中的执行流正是由这个机制控制着。（类似在浏览器中的调试过程）

吃码小妖：当我们拿着一个工具使用时，需要登记这个工具在哪个车间使用（函数的环境被推入一个环境栈中）。

当使用完毕后，需要归还到原先的位置。

【05】当代码在一个环境中执行时，会创建变量对象的一个作用域链（scope chain）。

作用域链的用途，是决定在执行环境中有权访问的所有变量和函数的访问顺序。

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

吃码小妖：作用域链，也就是登记表。该工具（代码）的使用用途。

如果这个环境是函数，则将其活动对象（activation object）作为变量对象。

活动对象在最开始时只包含一个变量，即arguments对象（这个对象在全局环境中是不存在的）。

arguments是参数。每创建一个函数都有这个对象。

function a(){
    //
};
console.log(a.arguments);//null

作用域链中的下一个变量对象来自包含（外部）环境，而再下一个变量对象则来自下一个包含环境。这样，一直延续到全局执行环境；全局执行环境的变量对象始终都是作用域链中的最后一个对象。

吃码小妖：这个小登记表（作用域链），还有它的上级，比如这个归属哪个厂，归属哪个地区。

标识符解析是沿着作用域链一级一级地搜索标识符的过程。搜索过程始终从作用域链的前端开始，然后逐级地向后回溯，直至找到标识符为止（如果找不到标识符，通常会导致错误发生）。

每个环境都可以向上搜索作用域链，以查询变量和函数名；

但任何环境都不能通过向下搜索作用域链而进入另一个执行环境。

【06】吃码小妖：说白了，就是子函数能访问父函数的变量和方法。但是父函数不能访问子函数的局部变量和方法。

例子：

var color = "blue";
function changeColor(){
  if (color === "blue"){
        color = "red";} 
  else {
        color = "blue";}}

changeColor();

alert("Color is now " + color);//red