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 的值。这样问题就解决了。

你可能感兴趣的:(js解决闭包问题)