<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(){} 延长作用域链，但实际中是不使用的，因为作用域链很费时费力，速度很慢。
只说明作用域链：全局变量可以在局部中访问，局部变量不能在全局中访问。