注意:解释在代码中
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>js闭包经典题目</title>
</head>
<body>
<script type="text/javascript">
//首先打印结果是:10 10 10 10 10 10 10 10 10 10
//下面我解释结果为什么是十个10
//首先,我们要明白最后 return arr; 返回的是什么,它返回的是一个数组,数组里面有10个元素,每个元素都是一个函数
// 返回的时候 arr [ function arr[0](){} , function arr[1](){}, function arr[2](){}.........function arr[9](){}]
//在返回之前,test函数要先执行for循环,执行的内容才是重点,document.write(i+ " ");是不执行的,因为arr[i] = function(){}就像定义函数一样,还没调用是不执行里面的内容的
//所以,for循环执行完以后 i 就变成了10,然后把test函数赋给 Arr ,然后在调用函数 function arr[i](){},输出结果
//
//我们可以把第一个for循环拆分成10个函数名不一样的函数 :function a (){ document.write(i+ " ");}
//function b (){ document.write(i+ " ");}
//function c (){ document.write(i+ " ");}.................
//这样就好理解了,运用我们上节课学的作用域链和执行上下文的知识就可以理解了
//最后,补充,数个函数共用一个test函数的执行上下文(就testAO 和 GO),也就是共用一个闭包,既然已经共用有个闭包了,那么里面的数据就可以共用了
function test(){
var arr = [];
for(var i=0;i<9;i++){
arr[i] = function(){
document.write(i+ " ");
}
}
return arr;
}
var Arr = test();
for(var j=0;j<9;j++){
Arr[j] ();
}
</script>
</body>
</html>