当调用一个函数时,一个新的执行上下文就会被创建,执行上下文的生命周期为两个部分,一个是创建部分:创建变量对象,确定它的作用域链,确定它的this的指向。二个是执行部分,确定变量对象的值。然后将函数引用,执行其他代码。
变量对象的创建过程:
1,建立一个argunments对象,寻找当前上下文中的参数,并以其参数名以及参数值创建一个属性。
2,寻找当前上下文当中的function声明,在变量对象中,以函数名为属性名,创建以个属性,值为函数的引用地址,如果函数名重复的话,后面的覆盖前面的
3,寻找当前上下文当中的var声明,在变量对象中,以变量名为其属性名,创建以个属性,值为undefined
例子
function test(){
console.log(foo);
console.log(bar);
var foo ='Hello';
console.log(foo);
var bar =function(){
return'world';
}
function foo(){
return'hello';
}
}
test();
如上例子创建执行上下文时,AO和VO两部分的区别
AO{
arguments:没有参数;
function: foo():值为其引用
var:foo和bar,值为undefined
}
VO{
arguments:空;
function:foo():值为引用
var bar = 其引用;foo = hello,还有一个函数属性名为它本身
}
此时有一个变量声明foo为undefined,一个函数声明foo为它自己,后面的函数声明覆盖掉了前面的变量声明,所以当conlose foo的时候,返回整个foo函数,当第二个console foo的时候,此时已经将值付给了foo所以foo为hello
全局环境中的变量对象
它的变量对象为window,变量之类的都为它的属性,它的this也指向它自己
除此之外,全局上下文的生命周期,与程序的生命周期一致,只要程序运行不结束,比如关掉浏览器窗口,全局上下文就会一直存在。其他所有的上下文环境,都能直接访问全局上下文的属性。