每個人都會犯錯——有時候‘孰能無過，過而能改，善莫大焉’，有時候知道自己錯了卻沒有機會更改。其實，錯了并不僅僅是錯了，做錯了，除了及時改正和彌補之外，最重要的是為自己犯的錯承擔所有責任。

2009年3月14日，我去參加網(wǎng)易互動的專場招聘會，應(yīng)聘網(wǎng)頁工程師的職位。有幸參加筆試，然后有幸栽在筆試，呵呵。廢話少說，抓出影響極深的一題重新研究研究。

題目大概是：寫出如下代碼的輸出結(jié)果并進行分析

var tt = 'aa';
function test(){
    alert(tt);
    var tt = 'dd';
    alert(tt);
}
test();

“太簡單了！”這是我當時看到這個題目是的***想法，于是輕率答題竟成我的致命之傷。我的答案是——aa和dd，解析：***次輸出全局變量的結(jié)果，然后局部變量tt覆蓋全局變量所引用的值，所以第二次輸出結(jié)果是dd。

任何人見我如此作答，都會認為我是在掃盲——想法及其幼稚（我也這么認為）！網(wǎng)易啊，怎么可能會滿意于這種答案！

正確的答案應(yīng)該是：undefined和dd

為什么***次alert的結(jié)果是undefined呢？要解釋得清楚明白需要用到Javascript的詞法作用域。

Javascript中的函數(shù)“在定義它們的作用域里運行，而不是在執(zhí)行它們的作用域里運行”，這是權(quán)威指南里抽象而精辟的總結(jié)。

Javascript的邏輯默認在一個全局作用域中執(zhí)行，如以上程序段中的“var tt='aa';”就是定義一個全局作用域的全局變量（如果以上代碼段不是摘自某個函數(shù)鏈的話）。而test()函數(shù)內(nèi)部的邏輯必須在原有的作用域（全局作用域）鏈再添加test函數(shù)本身的作用域（局部性）——這些思想幾乎在每一種語言中都是如此定義的，然而Javascript作用域鏈的特別之處在于函數(shù)內(nèi)部能夠嵌套函數(shù)的定義（這是閉包的基礎(chǔ)。注：在JS中函數(shù)是唯一形式的代碼作用域）

嵌套的內(nèi)部函數(shù)可以調(diào)用外部函數(shù)（被嵌套的函數(shù)）的變量和其他嵌套函數(shù)（函數(shù)是一種數(shù)據(jù)）。如果是在外部函數(shù)內(nèi)調(diào)用嵌套函數(shù)，那么調(diào)用對象不變，當外部函數(shù)執(zhí)行完畢后所有數(shù)據(jù)（包括外部函數(shù)和嵌套的內(nèi)部函數(shù)）都將被垃圾回收機制收集——這一點還不能體現(xiàn)出‘閉包’的精華。有一種情況，就是Javascript允許外部調(diào)用嵌套的內(nèi)部函數(shù)，即使被嵌套函數(shù)已經(jīng)被‘垃圾收集’——最常見的就是在‘某個函數(shù)’中用其嵌套的內(nèi)部函數(shù)定義某些元素的響應(yīng)事件，頁面載入的時候被嵌套函數(shù)（‘某個函數(shù)’）已經(jīng)執(zhí)行完畢（被垃圾回收），但當事件觸發(fā)的時候仍然會有響應(yīng)的動作，而且響應(yīng)函數(shù)中還可能調(diào)用到在被嵌套函數(shù)（‘某個函數(shù)’）中定義的變量最終值（不是被垃圾回收了嗎？）。

關(guān)于閉包的知識和示例有很多資料可供查詢，我不想敘述。

本文的重點是以下非常重要的細節(jié)：

調(diào)用對象位于作用域鏈的前端，局部變量（在函數(shù)內(nèi)部用var聲明的變量）、函數(shù)參數(shù)及Arguments對象都在函數(shù)內(nèi)的作用域中——這意味著它們隱藏了作用域鏈更上層的任何同名的屬性。

即，在以上程序片段中，test函數(shù)內(nèi)部的“var tt='dd'”將會致使“var tt='aa'”在test函數(shù)被調(diào)用時完全被隱藏。而且，tt是在***個alert語句之后定義，所以在調(diào)用到***個alert時，tt是還沒有被賦值的。這樣說可能會清楚一點，即，在定義test函數(shù)時，當定義***個alert(tt)時，這里會記錄tt是作用域鏈中的一個變量但不會記錄它（tt）的值，函數(shù)定義完畢后tt就添加到作用域里，所以***個alert語句能夠找到該作用域里的tt（即，相當于找到一個已經(jīng)在函數(shù)內(nèi)部聲明，但未被賦值的tt）。

以上程序片段的執(zhí)行結(jié)果與以下片段的結(jié)果相同：

var tt = 'aa';
function test(){
    var tt;
    alert(tt);
    tt = 'dd';
    alert(tt);
}
test();

Javascript的作用域不可簡單的用C++等語言的思維來理解啊！C++在調(diào)用函數(shù)之前必須先聲明或定義，而Javascript沒必要。在Javascript中可以先調(diào)用函數(shù)，后再定義（不用在調(diào)用之前作任何聲明）。因為在調(diào)用函數(shù)時，Javascript是向作用域鏈要函數(shù)的定義（函數(shù)在定義它們的作用域里運行，而不是在執(zhí)行它們的作用域里運行）

如以上代碼寫成：

var tt = 'aa';
test();  //先調(diào)用后再定義
function test(){
    alert(tt);    //undefined
    var tt = 'dd';
    alert(tt);    //dd}

重申一下本文的重點：

函數(shù)在定義它們的作用域里運行，而不是在執(zhí)行它們的作用域里運行。

調(diào)用對象位于作用域鏈的前端，局部變量（在函數(shù)內(nèi)部用var聲明的變量）、函數(shù)參數(shù)及Arguments對象都在函數(shù)內(nèi)的作用域中——這意味著它們隱藏了作用域鏈更上層的任何同名的屬性。

【編輯推薦】

1. 淺談Javascript中的eval與with
2. 詳解Javascript trim()函數(shù)實現(xiàn)
3. 應(yīng)用最廣的十大Javascript框架