作用域链解析-优快云博客

本文深入讲解了作用域链的概念，包括其组成元素如父级变量对象、函数自身变量VO及活动对象等，并通过示例代码解释了标识符的查找过程。此外还介绍了如何通过with和catch语句来改变或延长作用域链。

作用域链

作用域链就是内部上下文的变量对象VO的列表，作用域链用来检索上下文出现的标识符，从而保证有序访问所有变量和函数。

一个作用域链包括父级变量对象（variable object）（作用域链的顶部）、函数自身变量VO和活动对象（activation object）。

当查找标识符的时候，会从作用域链的活动对象部分开始查找，然后(如果标识符没有在活动对象中找到)查找作用域链的顶部，循环往复，就像作用域链那样。

var x = 10;

(function foo() {
  var y = 20;
  (function bar() {
    var z = 30;
    // "x"和"y"是自由变量
    // 会在作用域链的下一个对象中找到（函数”bar”的互动对象之后）
    console.log(x + y + z);
  })();
})();

这里写图片描述

改变或者延长作用域链

如果使用with或者catch语句就会改变作用域链。这两个语句是可以在作用域链前端临时增加一个变量对象，该变量对象在代码执行后被移除。

with语句 –将指定的对象添加到作用域链中

try-catch中的catch语句 –创建一个新的变量对象

js--作用域链