先解釋一下什么是“自由變量”。
在A作用域中使用的變量x，卻沒有在A作用域中聲明（即在其他作用域中聲明的），對于A作用域來說，x就是一個自由變量。如下代碼塊：

var x = 10; function fn(){var b = 20;console.log(x + b);// 這里的x在這里就是一個自由變量 }

如上程序中，在調用fn()函數時，函數體中第6行。取b的值就直接可以在fn作用域中取，因為b就是在這里定義的。而取x的值時，就需要到另一個作用域中取。到哪個作用域中取呢？

有人說過要到父作用域中取，其實有時候這種解釋會產生歧義。例如：

var x = 10; function fn(){console.log(x); } function show(f){var x = 20;(function (){f(); //10, 而不是20})(); } show(fn());

所以，不要在用以上說法了。相比而言，用這句話描述會更加貼切——要到創建這個函數的那個作用域中取值——是“創建”，而不是“調用”，切記切記——其實這就是所謂的“靜態作用域”。
對于本文第一段代碼，在fn函數中，取自由變量x的值時，要到哪個作用域中取？——要到創建fn函數的那個作用域中取——無論fn函數將在哪里調用。

上面描述的只是跨一步作用域去尋找。
如果跨了一步，還沒找到呢？——接著跨！——一直跨到全局作用域為止。要是在全局作用域中都沒有找到，那就是真的沒有了。
這個一步一步“跨”的路線，我們稱之為——作用域鏈。
我們拿文字總結一下取自由變量時的這個“作用域鏈”過程：（假設a是自由量）
第一步，現在當前作用域查找a，如果有則獲取并結束。如果沒有則繼續；
第二步，如果當前作用域是全局作用域，則證明a未定義，結束；否則繼續；
第三步，（不是全局作用域，那就是函數作用域）將創建該函數的作用域作為當前作用域；
第四步，跳轉到第一步。

以上代碼中：第13行，fn()返回的是bar函數，賦值給x。執行x()，即執行bar函數代碼。取b的值時，直接在fn作用域取出。取a的值時，試圖在fn作用域取，但是取不到，只能轉向創建fn的那個作用域中去查找，結果找到了。

這一節看似很輕松的把作用域鏈引出來，并講完了。之所有輕松是有前幾節的基礎，否則將很難解釋。
接下來咱們開始正式說說一直期待依舊的朋友——閉包。敬請期待下一節。

總結

以上是生活随笔為你收集整理的深入理解javascript原型和闭包（14）——从【自由变量】到【作用域链】的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。