【JavaScript】执行上下文和作用域链

学习链接

深入理解JavaScript执行上下文和执行栈

【译】理解 JavaScript 执行上下文和执行栈

现代 JavaScript 教程：变量作用域，闭包

汤姆大叔：深入理解JavaScript系列（11-16，可能有语句不准确，可选择性对照原文 (俄) Google 翻译）

JavaScript作用域原理

对比两种解释作出的猜测

如有错误，望不吝赐教！

(👉仅表示相关或者说类似，两种类型也是自己对比之后划分的)

变量对象/活动对象 👉 环境记录：

• 主要都是用来存储各种变量声明、函数声明
• 前者是上下文的一个属性且变量声明中只考虑 var 变量
• 后者则是上下文的词法环境或变量环境中的一个属性
  • 词法环境中的环境存储记录函数声明和变量声明（let、const）
  • 变量环境中的环境记录则只记录 var 变量声明

[[Scope]] 👉 [[Environment]]：

• 主要都是用来记忆函数诞生时候的外部词法环境，也就是指向外部，全局上下文的指向 null。

Scope 👉 对外部词法环境的引用

• 其实都可理解为作用域链，只不过前者基于[[Scope]] ，后者基于 [[Environment]]

this（无👉）：

• ECMAScript 使用词法作用域，this 进入上下文时确定，一旦确定就不可更改
• 而不是使用动态作用域，动态作用域的 this 应该是执行后也可更改的

一种解释

两种执行上下文，一种是全局上下文，一种是函数上下文。

函数上下文是在函数被调用的时候才生成。

执行上下文中有些属性（应该是不止，但下文只考虑这几个）

• 变量对象 VO （Variable Object）/ 活动对象 AO（Activation Object）

• 作用域链 Scope（Scope Chain）

• this 属性

GlobalContext = {
	VO: {...}, // global
	this: thisValue
};

FunctionContext = { // 函数func为例
	VO: {...},
	AO: VO
	Scope: [ func.AO, ...func.[[Scope]] ]
	this: thisValue
};

变量对象

变量对象在进入上下文时生成。