Javascript ES3执行上下文

最新推荐文章于 2023-03-17 13:07:17 发布

原创最新推荐文章于 2023-03-17 13:07:17 发布 · 501 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #函数

javascript 专栏收录该内容

40 篇文章

订阅专栏

本文详细介绍了JavaScript的执行上下文，包括全局、函数及Eval代码的执行环境，执行上下文堆栈的工作原理，以及变量初始化阶段的VO对象和代码执行阶段的详细过程。通过示例解析了变量声明和函数声明的处理顺序，强调了JavaScript的单线程同步执行特性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

看了慕课网Bosn老师的视频和深入理解JavaScript之执行上下文，做个总结。
目录：
**一. 执行上下文
二. 变量初始化阶段
三. 代码执行阶段
四. 综合示例**

一，执行上下文

三种执行上下文的情况：
①全局级别的代码 - 这个是默认的代码运行环境，一旦代码被载入，引擎最先进入的就是这个环境。
②函数级别的代码 - 当执行一个函数时，运行函数体中的代码。
③Eval的代码 - 在Eval函数内运行的代码。
执行上下文堆栈：
我们已经知道，当javascript代码文件被浏览器载入后，默认最先进入的是一个全局的执行上下文。当在全局上下文中调用执行一个函数时，程序流就进入该被调用函数内，此时引擎就会为该函数创建一个新的执行上下文，并且将其压入到执行上下文堆栈的顶部。浏览器总是执行当前在堆栈顶部的上下文，一旦执行完毕，该上下文就会从堆栈顶部被弹出，然后，进入其下的上下文执行代码。这样，堆栈中的上下文就会被依次执行并且弹出堆栈，直到回到全局的上下文。请看下面一个例子：

这里写图片描述
执行上下文的特点
单线程
同步执行
唯一的一个全局上下文
函数的执行上下文的个数没有限制
每次某个函数被调用，就会有个新的执行上下文为其创建，即使是调用的自身函数，也是如此。

二、变量初始化阶段

VO（Variable Object）对象是一个抽象概念，它用于存储执行上下文中变量、函数声明和函数参数。没有办法在JavaScript里直接访问到，浏览器会按照标准实现这些对象：
为什么在全局对象中能访问Math，String等函数，因为在全局作用域的VO里被初始化了这些函数等。

全局执行上下文（浏览器）

VO按照如下顺序填充：
1.函数参数（若未传入，初始化该参数值为undefined）：
建立arguments对象，检查当前上下文中的参数，建立该对象下的属性以及属性值
2.函数声明（若发生命名冲突，会覆盖）：
每找到一个函数声明，就在variableObject下面用函数名建立一个属性，属性值就是指向该函数在内存中的地址的一个引用
如果上述函数名已经存在于variableObject下，那么对应的属性值会被新的引用所覆盖。
3.变量声明（初始化变量值为undefined，若发生命名冲突，会忽略）：
每找到一个变量的声明，就在variableObject下，用变量名建立一个属性，属性值为undefined。
如果该变量名已经存在于variableObject属性中，直接跳过(防止指向函数的属性的值被变量属性覆盖为undefined)，原属性值不会被修改。

根据上述顺序来看一个例子：
这里写图片描述

函数激活对象AO的填充顺序如下：
1.a:10, b:undefined 
2.d:<ref to func "d">
3.c:undefined, e:undefined(函数表达式不会影响VO)

三、代码执行阶段

执行函数体中的代码，一行一行地运行代码，给variableObject中的变量属性赋值
1. VO[‘c’] = 10;
2. VO[‘e’] = function _e() {};
3. VO[‘b’] = 20;

AO(test) = {
    a:10,
    b:20,
    c:10,
    d:<ref to functiondeclration "d">,
    e:function _e() {};
}

四、综合示例

这里写图片描述
输出结果如下

注意几点：1.从全局函数开始理解
2.JavaScript中没有快级作用域，if中的语句都会被初始化
3.函数声明和变量声明冲突，变量声明会被忽略，执行时依然执行