一、预编译
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){
…
}