Javascript中的變數範圍

以下內容是我看《Javascript核心》這本書學到的。

1，Javascript變數範圍為（整個）函數體內有效，沒有塊範圍。

2，Javascript的函數是在局部範圍內啟動並執行，在局部範圍啟動並執行函數體可以訪問其外層的變數和函數。

3，Javascript的範圍為詞法範圍。詞法範圍是指：其範圍在定義時（詞法分析時）就確定下來的，而並非在執行時確定。

 

作者有一個極好的例子：

var str = "global";function scopeTest() {    alert(str);    var str = "local";    alert(str);}scopeTest();

 

你也許會認為這斷程式的運行結果是：

globallocal

那你就錯了，真正的結果是：

undefinedlocal

 

因為在函數scopeTest的定義中，預先訪問了未申明的變數str，然後才是對str的初始化，所以第一個str會返回undefined錯誤。

那為什麼函數這個時候不去訪問外部的str變數呢？這是因為，在詞法分析結束後，構造範圍鏈的時候，會將函數內定義的var變數放入該鏈，因此str在整個函數scopeTest內都是可見的（從函數的第一行到最後一行），由於str變數本身是未定義的，程式順序執行，到第一行就會返回未定義。第二行將str賦值，所以第三行str將返回local。

 

換種說法上面的代碼也等價於：

var str = "global";function scopeTest() {    var str;     alert(str);    str = "local";    alert(str);}scopeTest();