js预编译

我会带着你远行 2022-03-19 02:56 304阅读 0赞

js引擎主要做了三件事情

1.语法分析：就是检查代码有什么语法错误，如果没有则执行二

2.预编译：就是在内存中开辟一些空间，存放一些变量和函数

3.解释执行：执行代码

预编译的过程主要如下

1.创建AO对象

2.寻找函数的形参和变量声明，将变量和形参名作为AO对象的属性名，值为undefined。

3.将形参和实参相统一，也就是将实参的值赋值给形参

4.寻找函数中的函数声明，将函数名作为AO对象的属性名，值为函数体

需要注意几点的是：

1.如果函数是以变量的形式进行定义的，这种情况将不能进行函数提升，而仅仅是进行变量提升，也就是说AO对象里面的a的值为undefined

let a = function()\{\}

2.如果遇到函数名与变量名相同的情况，根据上面的顺序，函数名会覆盖掉变量名的。

像下面的代码中

function test (a) \{

console.log(a);

var a = 2;

console.log(a);

function a() \{

console.log(3)

\}

console.log(b);

function b() \{

console.log(4)

\}

console.log(b);

console.log(c);

var c  = function () \{

\}

console.log(c);

\}

test(1);

首先创建AO对象（active object，也是GO global object）

AO\{

\}

然后寻找函数的形参和变量的声明，并且添加到AO中

AO\{

a:undefined,

c:undefined,

\}

再者是将形参和实参相统一

AO\{

a:1,

c:undefined

\}

寻找函数声明

AO\{

a:function () \{

console.log(3)

\},

c:undefined,

b:function()\{ console.log(4)\}

\}

然后开始逐行执行

function test (a) \{

console.log(a);//function()\{console.log(3)\}

var a = 2;

console.log(a);//此时重新给a赋值，所以此时输出2

function a() \{//不执行

console.log(3)

\}

console.log(b);//function()\{console.log(4)\}

function b() \{

console.log(4)

\}

console.log(b);//function()\{console.log(4)\}

console.log(c);//undefined

var c  = function () \{

\}

console.log(c);//function()\{\}

\}

函数执行完毕，销毁AO对象

除此之外，预编译发生在什么时候呢？

因为js是解释性语言，也就是编译一句，执行一句

所以预编译发生在函数执行的前一刻内。

发表评论取消回复

表情：

评论列表（有 0 条评论，304人围观）

还没有评论，来说两句吧...

相关阅读

相关预编译

宏定义中的\运算符把跟在其后的参数转换成一个字符串称为字符串化运算符。宏定义中的\\运算符把出现在\\两侧的参数合并成一个符号。转载于:https://www.cnbl

墨蓝/ 2023年06月03日 15:58/ 0 赞/ 23 阅读

相关 JS 预编译

js执行的三部曲 1.语法检查 2.预编译 3.解释执行（也就是代码从上往下逐条执行）预编译（预编译会在代

叁歲伎倆/ 2023年01月17日 02:29/ 0 赞/ 165 阅读

相关 js 预编译

js 如果有对象未经声明便赋值，这个对象归全局所有，window的的属性(在GO里面预编译 window === GO) 预编译 1.创建AO activatio

偏执的太偏执、/ 2022年11月29日 00:48/ 0 赞/ 220 阅读

相关 java预编译和js预编译_5分钟读懂JavaScript预编译流程

大家都知道JavaScript是解释型语言，既然是解释型语言，就是编译一行，执行一行，那又何来预编译一说呢?脚本执行js引擎都做了什么呢？今天我们就来看看吧。 1-JavaS

太过爱你忘了你带给我的痛/ 2022年11月10日 05:22/ 0 赞/ 231 阅读

相关 java预编译和js预编译_实战jsp预编译，充分享受jsp预编译的好处！

jsp预编译有以下好处： 1.省去第一次运行jsp时的编译所花费的时间，实现servlet一样，一步到位的运行。 2.有效的保护源代码，在产品发布的时候只需要提供依据编译好

柔光的暖阳◎/ 2022年11月10日 05:22/ 0 赞/ 178 阅读

相关 js的预编译

js特性 JS有两个特性，一个是单线程，一个是解释性语言。不同于编译性语言，解释性语言通常理解为不整体编译，由解释器解释一句执行一句。但JS不是直接对着代码解释执行，在解

曾经终败给现在/ 2022年09月12日 10:56/ 0 赞/ 198 阅读

相关预编译

1.js运行三部曲 1. 语法分析 2. 预编译（发生在函数执行的前一刻） 3. 解释执行预编译前奏 //函数声明整体提升 //变量声明提升 1

秒速五厘米/ 2022年06月04日 03:46/ 0 赞/ 406 阅读

相关 JS 函数预编译

1 语法分析 → 2 预编译 → 3 解释执行预编译四部曲： 1. 函数在运行的瞬间，生成一个执行期上下文（Active Object），简称AO；

野性酷女/ 2022年05月20日 04:12/ 0 赞/ 209 阅读

相关 JS预编译

JS预编译实例举例前，先来思考一下这几个概念：变量声明 var… 函数声明 function… <script> var a = 1;// 变量声

叁歲伎倆/ 2022年03月26日 04:08/ 0 赞/ 274 阅读

相关 js预编译

js引擎主要做了三件事情 1.语法分析：就是检查代码有什么语法错误，如果没有则执行二 2.预编译：就是在内存中开辟一些空间，存放一些变量和函数 3.解释执行：执行代码

我会带着你远行/ 2022年03月19日 02:56/ 0 赞/ 305 阅读