DIV CSS 佈局教程網

我們都知道在函數中定義的局部變量在聲明他的函數體以及其嵌套的函數內始終是有定義的，並且在函數的作用域鏈上始終會有個對象指向全局對象，使函數能夠訪問到全局變量。

var ga = 'global';
var func = function() {
  var la = 'local';
 return function() {
    return function()
    {
      return function()
      {
        alert(la);alert(ga);
      }
    }
 }

}
a = func();
a()()();// 彈出 local 和 global

那麼在外部定義的函數A， 被函數B在函數體內調用時，A能訪問到B中定義的局部變量嗎？答案是否定的，把上面的例子稍作修改如下

var ga = 'global';

function repeat() {
 alert(la);  
}
var func = function() {
  var la = 'local';
  alert(1);
  repeat();
  alert(2);
};

func();

上面的運行結果是只彈出了1，在調用repeat的時候，因為訪問了未定義變量js解釋器就報錯把程序中斷了。

原因是函數在定義時保存了一個作用域鏈，repeat函數在外部定義，在他的作用域中並沒有一個局部變量叫la，繼續在全局作用域查找也沒找到la所以就會報錯。

所以嵌套函數和在函數內嵌套調用外部函數還是有很大區別的。

昨天在回答一個問題http://www.jb51.net/article/78958.htm時引發的思考，雖然概念我明白，但是當時一直想在函數內部調用的repeat為什麼訪問不到調用他的函數的局部變量，今天又翻了下參考資料自己用代碼測試了一遍。希望這篇文章能幫助到有同樣困惑的朋友。