js关于变量对象的理解

当调用一个函数时，一个新的执行上下文就会被创建，执行上下文的生命周期为两个部分，一个是创建部分：创建变量对象，确定它的作用域链，确定它的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也指向它自己

除此之外，全局上下文的生命周期，与程序的生命周期一致，只要程序运行不结束，比如关掉浏览器窗口，全局上下文就会一直存在。其他所有的上下文环境，都能直接访问全局上下文的属性。