JavaScript执行上下文的详细介绍（附代码）

来源：测品娱乐

同时 f 函数被创建，保存作用域链到 f 函数的内部属性[[scope]]

checkscopeContext = {
 AO: {
 arguments: {
 length: 0
 },
 scope: undefined,
 f: reference to function f(){}
 },
 Scope: [AO, globalContext.VO],
 this: undefined
}

5、执行f函数，创建 f 函数执行上下文，f 函数执行上下文被压入执行上下文栈

 ECStack = [
 fContext,
 checkscopeContext,
 globalContext
 ]

6、f 函数执行上下文初始化, 以下跟第 4 步相同：

1.复制函数 [[scope]] 属性创建作用域链
2.用 arguments 创建活动对象
3.初始化活动对象，即加入形参、函数声明、变量声明
4.将活动对象压入 f 作用域链顶端

 fContext = {
 AO: {
 arguments: {
 length: 0
 }
 },
 Scope: [AO, checkscopeContext.AO, globalContext.VO],
 this: undefined
 }

7、f 函数执行，沿着作用域链查找 scope 值，返回 scope 值

8、f 函数执行完毕，f 函数上下文从执行上下文栈中弹出

ECStack = [
 checkscopeContext,
 globalContext
]

9、checkscope 函数执行完毕，checkscope 执行上下文从执行上下文栈中弹出

ECStack = [
 globalContext
]