js解决闭包问题

1:立即执行函数
此类函数没有声明,在一次执行过后立即释放。

语法格式
1:(function (){}())
2: 传参数:
(function (a,b,c) {}(1,2,3))
3: 只有表达式才能被执行符号执行
执行符号
function test (){} () 不行
(function test () {}()) 可以 此时函数名test可以直接忽略 就演变成下面的形式。
(function (){}())

解决闭包问题

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

很多人会认为打印的是0-9,但是并非这样,打印出来的是10个10

分析
test函数的for循环中的每一个函数function都会与test形成闭包,都能使用test 的执行期上下文。当myArr[j]函数执行时,test已经执行完毕,而i是在test里面定义的,test执行完毕时i已经是10,所以每个myArr[j]执行时 i 都是10.这样打印出来的就是10个10。
注意
函数在定义时,是不会看函数体里面是什么的;只有当函数执行时,才会看函数体里面的内容。

要想打印0-9,怎样解决呢?就要利用立即执行函数,用闭包解决闭包

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


var myArr = test();
for(var j = 0;j < 10; j++)
{
myArr[j]();
} 

(function (j) {
arr[j] = function(){
document.write(j + " ");
}
}(i))
这一段代码为立即执行函数,将i作为实参传入,这样i的值就被保存到j中,每一个myArr[j]执行时,会产生一个执行期上下文,里面的j都是相互独立的,它们分别保存了每一次 i 的值。这样问题就解决了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

crazy的蓝色梦想

如果对你有帮助,就鼓励我一下吧

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值