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

来源：动视网责编：小采时间：2020-11-27 19:27:14

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

JavaScript执行上下文的详细介绍（附代码）:本篇文章给大家带来的内容是关于JavaScript执行上下文的详细介绍（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。在《深入学习js之——执行上下文栈》中说过，当JavaScript代码执行一段可执行代码（executable code

推荐度：

点击下载本文 文档为doc格式

导读JavaScript执行上下文的详细介绍（附代码）:本篇文章给大家带来的内容是关于JavaScript执行上下文的详细介绍（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。在《深入学习js之——执行上下文栈》中说过，当JavaScript代码执行一段可执行代码（executable code

同时 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
]

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

推荐度：

点击下载本文 文档为doc格式

标签： javascript javascript代码 javascript执行

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐