闭包和立即执行函数

立即执行函数在执行前进行预编译时,也会生成一个AO。可利用此特性,保存循环过程中的变量,以便闭包使用这些变量。

案例:

需求:编写一个长度为10的数组,保存10个函数,这些函数的功能依次是在控制台输出0,2..,9.

思路:使用for循环往数组里添加函数

错误写法:

<script type="text/javascript">
	function test(){
		var arr = [];
		for(var i = 0;i < 10 ;i++){
			arr[i] = function(){
				console.log(i);
			}
		}
		return arr;
	}
	var myArr = test();
	myArr[0]();
	myArr[1]();
	myArr[2]();
	myArr[3]();
	myArr[4]();
</script>

这样写数组里面的函数和test形成闭包,输出结果是5个10,因为test函数执行结束,i的值变成了10,当调用myArr[0]时,console.log(i);访问的i值是10,其它也都是10

正确写法:

<script type="text/javascript">
	function test(){
		var arr = [];
		for(var i = 0;i < 10 ;i++){
			(function(j){
				arr[j] = function(){
				console.log(j);
			}
			}(i))
		}
		return arr;
	}
	var myArr = test();
	myArr[0]();
	myArr[1]();
	myArr[2]();
	myArr[3]();
	myArr[4]();
</script>

每个立即执行函数都有一个独立的AO,调用myArr[0]和myArr[5]访问的j位于不同的AO中,如下图所示

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值