预编译

一、预编译

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){
…
}