闭包相关知识

本文详细解释了闭包的概念,它是如何允许一个函数访问并操作另一个函数作用域内的变量的。探讨了闭包的创建方式、特性及其对页面的影响,同时列举了闭包在JavaScript中的应用场景,包括函数引用、对象实例方法关联及功能封装。最后,分析了闭包的优缺点,帮助读者全面了解闭包在实际编程中的应用。

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

什么是闭包/闭包的含义?
闭包是指有权访问另一个函数作用域中的变量。创建闭包的常见方式,就是在一个函数内部创建另一个函数。
闭包就是能够读取其他函数内部变量的函数。即重用变量,又保护变量不被污染的一种机制。
(1)闭包外层是一个函数
(2)闭包内部都有函数
(3)闭包会return内部函数
(4)闭包返回的函数不能有return
(5)执行闭包后,闭包内部的变量会存在,而闭包内部函数的内部变量不会存在
创建闭包的步骤:
1)用外层函数包裹受保护的变量和操作变量的内层函数
2)外层函数将内层函数返回
3)使用者调用外部函数,获得内层函数的对象

function output() {
	for (var i = 0; i < 3; i++) {
		 (function(j) {
		    setTimeout(function timer() {
		        console.log(j);
		    }, 1000);
		})(i);
	}
}
<div id="container">
	<button>按钮1</button>
	<button>按钮2</button>
	<button>按钮3</button>
</div>
<script>
var list=container.querySelectorAll('button');
for(var i=0;i<list.length;i++){
	var bt=list[i];
	bt.onclick=(function(i){
		return function(){
			console.log(i);
		}
	})(i)
	//或者
	bt.onclick=outer(i);
}
//点击的时候调用函数打印出来的是i
//创建了三个函数
//变量i只有一个
//闭包对象:一个数据(i)+三个函数
function outer(num){
	function inner(){
		console.log(num);
	}
	return inner;
}
</script>

闭包的特性,对页面的影响?
闭包特性:
(1)作为函数变量的一个引用。当函数返回时,其处于激活状态。
(2)闭包就是当一个函数返回时,并没有释放资源的栈区。
对页面的影响:
使用闭包可以做很多事情,比如模拟面向对象的代码风格;更优雅、更简洁的表达出代码;在某些方面提升代码的执行效率。
闭包的作用和原理:
因为闭包只有在被调用时才执行操作,所以它可以被用来定义控制结构。
多个函数可以使用一个相同的环境,这使得他们可以通过改变那个环境相互交流。
使用的场景:
(1)采用函数引用方式的setTimeout调用
(2)将函数关联到对象的实例方法。
(3)封装相关的功能集。
闭包的好处和坏处:
闭包的好处:
(1)逻辑连贯,当闭包作为另一个函数调用参数时,避免脱离当前的逻辑而单独编写额外逻辑。
(2)方便调用上下文的局部变量
(3)加强封装性,可以达到对变量封装的作用
闭包的坏处:
比一般的函数占用更多的内存,浪费内存,浪费内存不仅仅因为它常驻内存,更重要的是,对闭包的使用不当会造成无效的内存的产生。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值