八哥的前端学习之路（四） JS执行过程（2）

摘自winter老师 《重学前端》

闭包和执行上下文

• 闭包定义

简单理解，闭包其实是一个绑定了执行环境的函数。与普通函数的区别是 闭包携带了执行的环境

• 古典的闭包定义

  • 环境部分
    • 环境
    • 标识符列表

• 表达式部分

• JS中的闭包

  • 环境部分
    • 环境：函数的词法环境（执行上下文的一部分）
    • 标识符列表： 函数中用到的未声明的变量
  • 表达式部分：函数体

• 执行上下文的定义

JS与闭包“环境部分”相对应的术语是“词法环境”，但JS函数比λ函数要复杂得多，我们还要处理this,变量声明，with等等一系列的复杂语法，λ函数中可没有这些东西，所以在JS的设计中，词法环境只是JS执行上下文的一部分

• JS标准把一段代码（包括函数），执行所需的所有信息定义为：执行上下文

• 执行上下文的演绎过程

  • ES3
    • scope:作用域，也常常被叫做作用域链
    • variable object:变量对象，用于存储变量的对象
    • this value: this值
  • ES5
    • lexical environment: 词法环境 ,当获取变量时使用。
    • variable environment: 变量环境，当声明变量时使用。
    • this value: this值
  • ES2018(增加了不少内容)
    • lexical environment：词法环境，当获取变量或者 this 值时使用。
    • variable environment：变量环境，当声明变量时使用
    • code evaluation state：用于恢复代码执行位置。
    • Function：执行的任务是函数时使用，表示正在被执行的函数。
    • ScriptOrModule：执行的任务是脚本或者模块时使用，表示正在被执行的代码。
    • Realm：使用的基础库和内置对象实例。
    • Generator：仅生成器上下文有这个属性，表示当前生成器。