当 JavaScript 引擎第一次遇到你的脚本时,它会创建一个全局的执行上下文并且压入当前执行栈。每当引擎遇到一个函数调用,它会为该函数创建一个新的执行上下文并压入栈的顶部。
我们已经知道每次调用函数都会新建一个执行环境。但是在JavaScript解析器内部,调用执行环境要经历两个阶段:
第一阶段: 创建阶段(Creation Stage) - 当函数被调用,但尚未执行函数体内的代码时:
创建作用域链(Scope Chain) 创建变量、函数和参数 确定this的值
第二阶段: 活动 / 代码执行阶段(Activation / Code Execution Stage)
在 JavaScript 代码执行前,执行上下文将经历创建阶段。在创建阶段会发生三件事:
抽象地讲,词法环境在伪代码中看起来像这样:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
GlobalExectionContext = { LexicalEnvironment: { EnvironmentRecord: { Type: "Object" , // 在这里绑定标识符 } outer: < null > } } FunctionExectionContext = { LexicalEnvironment: { EnvironmentRecord: { Type: "Declarative" , // 在这里绑定标识符 } outer: <Global or outer function environment reference> } } |
JS权威指南指出”JavaScript中的函数运行在它们被定义的作用域里,而不是它们被执行的作用域里.”
ECMA262中所述 任何执行上下文时刻的作用域, 都是由作用域链(scope chain)来实现.在一个函数被定义的时候, 会将它定义时刻的scope chain链接到这个函数对象的[[scope]]属性.
在一个函数对象被调用的时候,会创建一个活动对象(也就是一个对象), 然后对于每一个函数的形参,都命名为该活动对象的命名属性, 然后将这个活动对象做为此时的作用域链(scope chain)最前端, 并将这个函数对象的[[scope]]加入到scope chain中.
原文:https://www.cnblogs.com/lucy-xyy/p/11666024.html