使用变量对象引出作用域链

<script type="text/javascript">
　　var name="xm"; //全局变量,window.name===name; 返回:true
　　function fn(){ //全局变--方法 , window.fn()====fn(); 返回:true
　　　　　　var name="xh"; //局部变量 , 可以理解为fn().name===name。（本来是看不到的，为了好理解，虚拟为一个实例） 
　　　　　　var sex="male"; //局部变量 ,可以理解fn().sex===sex。
　　　　　　function fn2(){ //局部变量--方法，可以理解为fn().fn()2。
　　　　　　　　var name="xl"; //局部变量
　　　　　　　　var age=16; //局部变量

　　　　　　　　document.write(sex);//这个sex是fn()变量对象的属性，fn2()也是fn()变量对象的属性。fn2()变量对象本身没有sex属性，所以只能向外层寻找该属性，最近的就是要取的值。这里fn()变量对象有该属性，所以sex="male"。
　　　　　　}
　　}

document.write(name);//这里的name是在全局作用域中，其他name都是局部变量，局部变量不能再全局中使用，所以这个name只能也是全局变量。

每次进入一个新的作用域，都会创建一个用于搜索变量和函数的作用域链，搜索的顺序是沿着作用域链从当前作用域向外层作用域查找，直到全局作用域为止，注意程序的执行顺序。

　　// document.write(person);  这样写会报错，显示变量person未定义，因为上文本身就不存在这样一个变量。
　　document.write(window.person); //在javascript中，在全局变量中的老大是window，

//上面一句的person是一个不存在的变量，现在在person前面加window----window.person。

//现在的person是一个属性了。window.person，不会报错，因为person只是对象window的一个属性，

//只会显示Undefined，未定义。
</script>

有上面变量对象可以得到如下：

我们把，window，fn()，fn2()看成3个变量对象，后面两个实际不存在的，只是为了好理解引出作用域链。如下图：

上图就是一个作用域链：作用域链只能从内往外访问，不能从外往里面访问。切记。使用作用域链进行查询和浪费资源，

因为当作用域链非常长的时候，查询时间久会很长。所以，局部变量一定是快于全局变量的，内层变量的运行速度一定快于外层变量的。

变量对象window的属性：name , fn() ===>变量对象fn()的属性：name , sex, fn2() ===> 变量对象fn2()的属性：name , age .

全局变量可以在局部中访问，局部变量不可以在全局访问。

以是由全局变量 到 局域变量，优先级：低 到 高，最里面最高。同名变量越内层优先级越高。

--------

延长作用域链：

<script type="text/javascript">

var person={};

person.name="xm";

person.sex="male";

var score=4;

with(person){  //with就是person，就是同一个变量对象。

name="xh";

sex="female";

score=44;

}

console.log(person.name);

console.log(person.sex);

console.log(score);//如下图：person变量对象没有socre属性时，会一直向外寻找该属性代替，

//距离person变量对象越近优先级越高。这里就使用变脸对象window的属性进行代替了。

</script>

上图只是做一个演示，可以使用with(){} 延长作用域链，但实际中是不使用的，因为作用域链很费时费力，速度很慢。

只说明作用域链：全局变量可以在局部中访问，局部变量不能在全局中访问。