js预编译 执行环境中的GO/AO

js运行流程 语法分析–预编译–解释执行
1、函数声明会提升到整体最前且赋值,变量声明则只声明不执行赋值
2、函数预编译则有函数上下文 AO活跃对象,如果在全局的上下文则为GO对象 相当于 window对象

预编译过程

AO对象中写入形参和变量声明
把实参赋值给形参
寻找函数声明和赋值函数体(先声明提升后赋值)

预编译执行之后在解释执行的时候不需要重新执行

注意:函数内部的变量取值要去创建这个函数的作用域取值,而不是简单的“父作用域”

执行全局代码时,会产生一个执行上下文环境,每次调用函数都又会产生执行上下文环境。当函数调用完成时,这个上下文环境以及其中的数据都会被消除,再重新回到全局上下文环境。处于活动状态的执行上下文环境只有一个。

其实这是一个压栈出栈的过程——执行上下文栈。如下图:
在这里插入图片描述
可根据以下代码来详细介绍上下文栈的压栈、出栈过程。
在这里插入图片描述

如上代码。

在执行代码之前,首先将创建全局上下文环境。

在这里插入图片描述

然后是代码执行。代码执行到第12行之前,上下文环境中的变量都在执行过程中被赋值。

在这里插入图片描述

执行到第13行,调用bar函数。

跳转到bar函数内部,执行函数体语句之前,会创建一个新的执行上下文环境。

在这里插入图片描述

并将这个执行上下文环境压栈,设置为活动状态。

在这里插入图片描述

执行到第5行,又调用了fn函数。进入fn函数,在执行函数体语句之前,会创建fn函数的执行上下文环境,并压栈,设置为活动状态。
在这里插入图片描述

待第5行执行完毕,即fn函数执行完毕后,此次调用fn所生成的上下文环境出栈,并且被销毁(已经用完了,就要及时销毁,释放内存)。

在这里插入图片描述

同理,待第13行执行完毕,即bar函数执行完毕后,调用bar函数所生成的上下文环境出栈,并且被销毁(已经用完了,就要及时销毁,释放内存)。

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43858880/article/details/90723289