var x=10;
function a(){
    console.log(x);
}
function b(){
    var x=20;
    a();
}
a();//10
b();//還是10;

看到這里時(shí)，我的內(nèi)心是崩潰的，深知自己有太多的基礎(chǔ)要補(bǔ)充。

執(zhí)行上下文（Execution Context）

一個(gè)執(zhí)行的上下文可以抽象的理解為object。每個(gè)執(zhí)行上下文都有一系列屬性。
![上下文結(jié)構(gòu)]](http://upload-images.jianshu.io/upload_images/1512918-850602131231d127.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

&變量對(duì)象Variable Object

是與執(zhí)行上下文相關(guān)的數(shù)據(jù)作用域，存儲(chǔ)被定義在上下文中的變量和函數(shù)聲明。

    var foo = 10;
    function bar() {console.log("bar")} // // 函數(shù)聲明
    (function run() {console.log("run")}); // 函數(shù)表達(dá)式
    
    console.log(
      this.foo == foo, // true
      window.bar == bar // true
    );
    bar();//bar
    run();//報(bào)錯(cuò)，run is not defined;

全局上下文中的變量對(duì)象VO有屬性

vo屬性

僅有函數(shù)能創(chuàng)建新的作用域。使用eval時(shí)也會(huì)使用一個(gè)新的執(zhí)行上下文（會(huì)只用全局變量對(duì)象或調(diào)用者的變量對(duì)象）

&活動(dòng)對(duì)象Activation Object

函數(shù)被調(diào)用時(shí)，活動(dòng)對(duì)象被創(chuàng)建，在函數(shù)上下文中作為變量對(duì)象使用。

ao屬性

函數(shù)的變量對(duì)象不變，除了存儲(chǔ)變量和函數(shù)聲明，還有特殊對(duì)象arguments。
函數(shù)表達(dá)式同樣不在AO中。

&作用域鏈

一般情況下，一個(gè)作用域鏈包括父級(jí)變量對(duì)象（作用域鏈頂部），函數(shù)自身變量VO，活動(dòng)對(duì)象AO。查找標(biāo)識(shí)符時(shí)，自己作用域中沒有，就找父級(jí)的。

回到這個(gè)例子：

var x=10;
function a(){
    console.log(x);
}
function b(){
    var x=20;
    a();
}
b();

1、JS是靜態(tài)作用域鏈，函數(shù)執(zhí)行前，全局環(huán)境就關(guān)聯(lián)了一個(gè)作用域鏈，變量對(duì)象包含x,a,b。a,b函數(shù)也各自關(guān)聯(lián)自己的作用域鏈。

globalScopeChain={
  x:10,
  a:[function],
  b:[function]
};
aSchopeChain=[globleSchipeChain]
bSchopeChain=[globleSchipeChain]

2、調(diào)用b函數(shù)，進(jìn)入b的局部執(zhí)行環(huán)境，創(chuàng)建活動(dòng)對(duì)象包含arguments和x,并將活動(dòng)對(duì)象加入到作用域鏈的前端；

bSchopeChain=[
  {
  arguments:[],
  x:20
  },
  {
    x:10;
    a:[function],
    b:[funciton]
  }

3、調(diào)用a函數(shù)，進(jìn)入a的局部執(zhí)行環(huán)境，創(chuàng)建活動(dòng)對(duì)象包含arguments，并將活動(dòng)對(duì)象添加到作用域鏈前端。

aSchopeChain=[
  {
   arguments:[]
  },
  {
   x:10,
   a:[funciton],
   b:[function]
  }
]

會(huì)沿著自己的作用域鏈查找x,直到作用域鏈頂端。也就可以理解為啥是這樣的結(jié)果了。

總結(jié)

簡(jiǎn)而言之，b與b函數(shù)中的a函數(shù)，兩者僅僅是調(diào)用關(guān)系，因此對(duì)于作用域鏈上兩者沒有任何關(guān)系，雖然是進(jìn)入b函數(shù)后調(diào)用a，但其實(shí)就是window.a()。

參考資料：
http://www.cnblogs.com/TomXu/archive/2012/01/18/2312463.html

http://www.cnblogs.com/TomXu/archive/2012/01/12/2308594.html