当调用一个函数时，一个新的执行上下文就会被创建，执行上下文的生命周期为两个部分，一个是创建部分：创建变量对象，确定它的作用域链，确定它的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
如果是这样写foo的值将为hello
全局环境中的变量对象
它的变量对象为window，变量之类的都为它的属性，它的this也指向它自己
除此之外，全局上下文的生命周期，与程序的生命周期一致，只要程序运行不结束，比如关掉浏览器窗口，全局上下文就会一直存在。其他所有的上下文环境，都能直接访问全局上下文的属性。
网友评论