JavaScript闭包中的循环

最新推荐文章于 2023-02-13 18:37:55 发布

彼之方

最新推荐文章于 2023-02-13 18:37:55 发布

阅读量429

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript javascript 执行环境作用域文章标签： javascript 闭包

本文链接：https://blog.youkuaiyun.com/qq_33745501/article/details/78556439

javascript 同时被 2 个专栏收录

34 篇文章

订阅专栏

javascript 执行环境作用域

3 篇文章

订阅专栏

本文探讨了JavaScript中闭包的概念及其使用方式，并通过具体示例解析了闭包与异步函数结合时的行为表现，帮助读者理解闭包如何影响变量的作用域及生命周期。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

创建闭包(closures)的方式：在一个函数内部创建另一个函数

闭包：函数内部的函数有权访问函数作用域的变量

实例1：

 for(var i = 0; i < 10; i++) {
    setTimeout(function() {
      console.log(i);  
    }, 10);
}

分析：输出结果为10次10。setTimeout函数是异步函数，会在当前的调用栈完成后执行，即循环完成之后执行。闭包内部引用的是外部变量i，i的值为10，因此，输出结果都是10；

实例2：

for(var i = 0; i < 10; i++) {
    setTimeout((function(num) {
      console.log(num);
    })(i), 10)
}

分析：通过创建IIFE(自执行函数表达式)让结果输出1-9；

它会创建一个作用域，将i传递进去。此时，i是一个局部变量，（不再是在闭包中引用i）。

实例3：

function createFunctions(){
	var result=[];
	for (var i = 0; i < 10; i++) {
		result[i]=function(){
			return i;
		};
	}
	return result;
}

var arr=createFunctions();	
console.log(arr);

for (var i = 0; i < arr.length; i++) {
	console.log(arr[i]());
}

分析：结果为10次10；
实例四：

function createFunctions(){
	var result=[];
	for (var i = 0; i < 10; i++) {		

		result[i]=(function(num){
			return num;
		})(i);
		
	}
	return result;
}

var arr=createFunctions();	
console.log(arr);

分析：输出结果为[0,1,2,3,4,5,6,7,8,9]；

欢迎指正!