注意：解释在代码中
<!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>
3011
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
