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>
所以這時候不能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是一個全局變量,等於一個匿名函數,這個匿名函數即閉包。