预编译

本文深入探讨JavaScript预编译过程,包括语法分析、变量与函数的内存分配,以及执行前的活动对象创建。通过具体案例,展示变量声明、函数参数赋值及函数声明如何在内存中预先处理。

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

一、预编译

javascript是解释性语言,主要特点为解释一行执行一行,遇到错误直接停止。但是在js执行之前,js引擎会提前做两件事情:
1、语法分析:就是检查代码有什么语法错误,如果没有语法错误,则进行下一步
2、预编译:就是在内存中开辟一些空间,存放一些变量和函数

二、预编译的四步

1、程序执行的前一刻创建活动对象(函数作用域/执行期上下文/AO/GO)。
2、将var关键字声明的变量作为AO/GO对象的属性名,赋值为undefined。
3、将形参和实参相统一,也就是将实参的值赋值给形参。
4、检测function声明的函数,函数体作为AO/GO对象的属性名,赋值为其函数体。

注意:如果有变量重名,不增加属性,直接替换值。

三、案例分析

<script>
		var fn;
		function fn(a){
			console.log(a);
			var a = 123;
			console.log(a);
			function a(){}
			console.log(a);
			var b = function (){}
			console.log(b);
			function d(){}
		}
		fn(1)
		console.log(fn)
	</script>

首先创建GO,GO里有

GO {
		fu : fn(a){
			console.log(a);
			var a = 123;
			console.log(a);
			function a(){}
			console.log(a);
			var b = function (){}
			console.log(b);
			function d(){}
		}
}

GO里开始有fn,赋值为undefined,后边因为与函数体重名,值被替换。
开始执行前的fn的AO

fn AO {
	a : function a(){},
	b : undefined,
	d : function d(){}	
}

AO里开始有a被赋值为undefined,形参与实参统一,值为1,第四步,因为a与被function声明的函数重名,值被函数体替换。
所以第一个a在控制台输出为 function a(){}
执行中的AO

fn AO {
	a : 123,
	b : function (){},
	d : function d(){}	
}

后面输出的分别为 123 123 function(){}
最后输出的fn为全局,在GO中,输出的是函数体
fn(a){

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值