先看一个例子
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);
试想分别会打印什么?
四部曲 一,创建AO对象。(Activation Object ,执行器上下文)
四部曲 二,找形参和变量声明,将变量和形参名作为AO对象属性名,并赋值undefined。
四部曲 三,将形参值和实参值统一。
四部曲 四,在函数体里找函数声名,将函数声明的名作为AO对象的属性名,值赋为函数体。
一、创建AO对象
AO{
}
二、找形参和变量声明,将变量和形参名作为AO对象属性名,并赋值undefined。
//形参a,var a ,var b
//重复只取一个
AO{
a : undefined,
b : undefined,
}
三、将形参值和实参值统一
//实参是 1 ,形参 a
所以a的值为1
AO{
a : 1,
b : undefined,
}
四、在函数体里找函数声明,将函数声明的名作为AO对象的属性名,值赋为函数体。
//函数声明有function a(){}; 和 function d(){};
//但是对象为a的属性名,已经有了,所以把d放到上面去
//所以a:的值为 函数体,d的值也为函数体
AO{
a : function a (){},
b : undefined,
d : function d(){}
}
五、结果 ,请结合四使用。
function fn(a){
console.log(a);//所以第一个console.log(a)值为 function
var a = 123;//因为变量声明已经把var a提升上去了,所以AO对象中,
a的值不再是function a(){},而是123;
console.log(a);//因此console.log(a)为123
function a(){};//已经被预编译提升上去了,所以这个不用看了
console.log(a);//执行此句还是为123
var b = function (){}; //同理变量声明已经把var b提升上去了,所以AO对象中,
b的值不再是undefind,而是function (){};
console.log(b);
function d(){};
}
fn(1);