＜数组-数组与闭包＞

最新推荐文章于 2021-02-23 16:33:57 发布

好先生·

最新推荐文章于 2021-02-23 16:33:57 发布

阅读量125

点赞数

分类专栏： JavaScipt基础文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45540964/article/details/110411099

版权

JavaScipt基础专栏收录该内容

37 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<script type="text/javascript">
		var arr=[];
		for( var i=0; i<5; i++) {
			//存储函数
			arr[i]= function() {
				//打印索引值
				document.write(i);
			}
			// document.write(arr[i]+"<br>");//arr[i]存储的是函数内容
		}
		document.write(arr[3]+"<br>");//arr[3]存储的是函数内容
		arr[3]();/*输出的是5 for循环执行完后i是5,
				而函数中的i会向上层去找*/
		document.write("<br>");
	</script>

	<script type="text/javascript">
		//让数组存储闭包函数
		for ( var i=0; i<5; i++) {
			arr[i] = function outer(i) {
				return function inner() {
					document.write(i);
				}
			}(i); 
		}
		document.write(arr[2]+"<br>");//arr[]存储的是inner函数
				//向上找i，而i是IIFE立即调用传下来的
		arr[2]();//输出的是2
		arr[3]();//输出的是3
		
	</script>
</body>
</html>

好先生·

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
＜数组-数组与闭包＞

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script type="text/jav
复制链接

扫一扫