JS——閉包中關於函數數組的問題

JavaScript中閉包是一大關鍵點,書上認爲閉包是指有權訪問另一個函數作用域中的變量的函數。創建閉包的常見方式就是在一個函數內部創建另一個函數。

由於在JavaScript語言中,只有函數內部的子函數才能讀取局部變量,因此可以把閉包簡單理解成"定義在一個函數內部的函數"。

所以,在本質上,閉包就是將函數內部和函數外部連接起來的一座橋樑。

我按照書上的例子,卻久久不能實現。。。

錯誤的寫法:

<!DOCTYPE html>
<html>
<body>

<script type="text/javascript">
function createFunctions() {
var result = new Array();

for(var i=0;i<10;i++) {
result[i] = function() {
return i;
};
}
return result;
}

var arr = createFunctions();
alert(arr);

</script>

</body>
</html>


錯誤原因:這裏返回的result數組其實是函數數組。由於result[i] = function(){...};

所以這時候不能alert(arr);

修正的代碼:

<!DOCTYPE html>
<html>
<body>

<script type="text/javascript">
function createFunctions() {
var result = new Array();

for(var i=0;i<10;i++) {
result[i] = function() {
return i;
};
}
return result;
}

var arr = createFunctions();
for(i=0;i<10;i++) {
alert(arr[i]());
}

</script>

</body>
</html>

附上另一段代碼,比較清晰的證明了閉包和作用域的問題:

<!DOCTYPE html>
<html>
<body>

<script type="text/javascript">
function f1(){
    var n=999;
    nAdd=function(){n+=1}
    function f2(){
      alert(n);
    }
    return f2;
  }
  var result=f1();
  result(); // 999
  nAdd();
  result(); // 1000
</script>

</body>
</html>

nAdd是一個全局變量,等於一個匿名函數,這個匿名函數即閉包。

發佈了161 篇原創文章 · 獲贊 34 · 訪問量 13萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章