javascript巢狀函數和在函數內呼叫外部函數的差異分析_javascript技巧

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

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為什麼訪問不到呼叫他的函數的局部變量，今天又翻了下參考資料自己用程式碼測試了一遍。希望這篇文章能幫助到有同樣困惑的朋友。