立即执行函数在执行前进行预编译时,也会生成一个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中,如下图所示