JavaScript初级篇—闭包精细版

闭包精细篇

function test(){
	var arr = [];
	for(var i = 0;i < 10;i++){
		arr[i] = function(){
		document.write(i + " ");
		}
	}
	return arr;
}
var myArr = test();
for(var j=0;j<10;j++){
	myArr[j]();
}

结果显示：10，10，10，10，10，10，10，10，10，10
分析：
arr[i] = function(){//代码块}在这个语句中，function并不会执行，只是对arr[i]进行赋值递增，只有等到调用的时候才会被执行。

解决方案：

function test(){
	var arr = [];
	for(var i = 0;i < 10;i++){
	(function (j){
		arr[j] = function(){
		document.write(j + " ");
	}(i))
		}
	}
	return arr;
}
var myArr = test();
for(var j=0;j<10;j++){
	myArr[j]();
}

采用立即执行函数来解决闭包问题
输出结果：0，1，2，3，4，5，6，7，8，9
分析：
10次for循环就产生10个立即执行函数，执行完毕之后就被销毁。每一次执行arr[i]=function(){//代码块}的时候就会将对应的j存储在数组中。但myArr[j]被执行时就能正确输出。