《Web前端开发之JavaScript精英课堂》（六）

对 作用域、作用域链、执行上下文对象（GO | AO）、闭包 的个人理解：

• JS分为全局和局部作用域，都属于词法作用域（与之相对是动态作用域）。
• 作用域本身是一个抽象概念，代表JS代码可执行范围及查找变量的规则。
• 每个函数都有一个[[scope]]隐式属性。
• [[scope]]是GO或者GO和AO的集合，而集合呈链式分布被称为作用域链。
• 在JS代码执行之前或者说进入新的作用域之前，都会有一个短暂的预编译过程。
• 预编译的现象是，变量声明提前和函数声明提前。
• 预编译过程中，创建了一个完整的执行上下文对象：
  1. 创建GO（Global Object）或是AO（Activated Object）对象；
  2. 声明的变量和函数的形参作为属性名，undefined作为属性值，存入AO对象；
  3. 将传入的实参与形参统一，确定arguments对象；
  4. 将函数存入AO对象（感觉函数应该比变量更提前，变量遇到同名将忽略）。
• 创建GO/AO对象后，开始确定作用域链，确定this
  1. 将其加入当前[[scope]]顶部，形成完整作用域链，供当前代码执行所用；
  2. 如遇函数声明，将当前[[scope]]复制链式引用到该函数[[scope]]中。
• 代码解释执行时，按作用域链顺序查询变量。
• 所以说，作用域是预编译时确定的，作用域链是代码执行时确定的。
• 当前作用域所有代码执行完毕后，AO销毁。
• 只要函数一直被引用，[[scope]]中的函数声明时所保存的链式关系就一直存在，链式节点中所储存的数据对象就不会被销毁，就可以一直被函数使用，这就是闭包。

---

作用域、作用域链精解

[[scope]]：函数对象中隐式属性（供js引擎存取），存储了运行期上下文的集合。

作用域链：[[scope]]中所存储的执行期上下文对象的集合，这个集合呈链式链接，我们把这种链式链接叫做作用域链。

运行期上下文：当函数执行时，会创建一个称为执行期上下文的内部对象。一个执行期上下文定义了一个函数执行时的环境，函数每次执行时的执行上下文都是独一无二的，所以多次调用一个函数会导致创建多个执行上下文，函数每次执行时，都会把新生成的执行期上下文，填充到作用域链的最顶端。当函数执行完毕，它所产生的执行上下文被销毁。

执行期上下文：函数执行时会创建一个称为执行期上下文的内部对象。一个执行期上下文定义了一个函数执行时的环境，函数每次执行时对应的执行上下文都是独一无二的，所以多次调用一个函数会导致创建多个执行上下文，当函数执行完毕，它所产生的执行上下文被销毁。

查找变量：从作用域链的顶端依次向下查找。

立即执行函数

此类函数没有声明，在一次执行后即释放。适合做初始化工作。

// (function () {}()) // w3c建议
// (function () {})()
// 只有表达式才能被执行符号执行

// 报错
function test () {...}() 

 // 不报错，不执行
function test (a) {...}(1)
// 转换为
function (a) {...}
(1)

闭包

当内部函数保存到外部时，将会生成闭包。
闭包会导致原有的作用域链不释放，造成内存泄漏（内存不足，仿佛泄露）。

闭包作用

• 实现公有变量
• 可以做缓存（存储结构）
• 可以实现封装，属性私有化
• 模块化开发

闭包精细版

// 考题
var x = 1;
if (function f () {}) {
  x += typeof f;
}
console.log(x); // 1undefined