JavaScript中在使用闭包时的陷阱

在日常的学习和开发中，我们或多或少会使用闭包。但是如果观察不仔细，我们可能不知道有些代码是怎么执行的，这里面可能就有个陷阱的理解误区了。
看下面这段代码：

function test(){
			var arr = [];
			for(var i=0;i<5;i++){
				arr[i] = function(){
					return i;
				} //产生闭包
			}
			return arr;
		}
var result = test();
for(var i=0;i<result.length;i++){
	console.log(result[i]());
}//5 5 5 5 5

这段代码的执行结果都是 5，我们本来想输出每个索引的，但是输出的都是 5，这里的陷阱就是函数带 () 才是执行函数，这句话真的很重要。
其实上面代码的流程相当于：

function test(){} //函数声明提升
var result,i; //变量声明提升
test(); //先执行函数，再将结果赋值给 result
var arr,i; //函数内部的变量声明提升
arr[0] = function(){ return i };  //函数没有执行，内部变量值不变，不能将函数内部的 i 替换
arr[1] = function(){ return i };  //函数没有执行，内部变量值不变，不能将函数内部的 i 替换
.....
arr[4] = function(){ return i };  //函数没有执行，内部变量值不变，不能将函数内部的 i 替换
i = 5; //for循环的结束条件
result = test(); //将函数test的执行返回值赋值给result,相当于 result = arr;
console.log(result[0]()); //打印内部函数的执行结果，返回 i
console.log(result[1]()); //打印内部函数的执行结果，返回 i
.....
console.log(result[4]()); //打印内部函数的执行结果，返回 i
由于我们最后结束for循环的条件是 i=5; 所以返回值都为 5。

想要保存循环过程中的每一个 i 的值，需要在匿名函数的外部再嵌套一个匿名函数，并且在外层匿名函数中定义另一个变量并且立即执行来保存 i 的值。

function test(){
	var arr = [];
	for(var i=0;i<5;i++){
		arr[i] = function(num){
			return function(){
				return num;
			};
		}(i);
	}
	return arr;
}
var result = test();
for(var i=0;i<result.length;i++){
	console.log(result[i]());
}

上面的代码的执行流程相当于：

function test(){};
var result,i;
test();
var arr,i;
arr[0] = function(num){return function(){ return num}}(0)//这句代码相当于执行了外层的匿名函数并且传入了实参0，所以此时num的值为0。
即arr[0] = function(){return 0};
arr[1] = function(){return 1};
arr[4] = function(){return 4};
i = 5;
result = test() = arr;
var result,i;
console.log(result[0]()); //返回 0 
console.log(result[1]()); //返回 1
.....
console.log(result[4]()); // 返回 4

此时 test 执行完毕后，其内部的局部变量 i 会随着其函数作用域的销毁而销毁，而不会一直保存在内存中了。每次调用 test() 时，都会重新的声明 i ，根据传入的实参，确定 i 的值，而闭包内部的 num 只是作为外层函数的形参，并不影响外部的 i。