闭包的理解和实例

参考阮一峰大神
http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html

闭包形成的原理:作用域链,当前作用域可以访问上级作用域中的变量 闭包解决的问题:能够让函数作用域中的变量在函数执行结束之后不被销毁,同时也能在函数外部可以访问函数内部的局部变量。 闭包带来的问题:由于垃圾回收器不会将闭包中变量销毁,于是就造成了内存泄露,内存泄露积累多了就容易导致内存溢出。 加分回答 闭包的应用,能够模仿块级作用域,能够实现柯里化,在构造函数中定义特权方法、Vue中数据响应式Observer中使用闭包等。

闭包:闭包就是能够读取其他函数内部变量的函数。(由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成"定义在一个函数内部的函数")

作用:一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中(也是它的缺点)。

实例一:使用闭包代替全局变量

function a(){
	var i=11111;
	b = function(){
		return i;   
	}       
	return b;   
}   
var c = a();   
console.log(c()); // 11111 

实例二 :为节点循环绑定click事件,在事件函数中使用当次循环的值或节点,而不是最后一次循环的值或节点

for(var i=0;i<5;i++) {
	(function(n){
		setTimeout(()=> {
			console.log(n);
		},0);
	})(i);
}
// 0 1 2 3 4

实例三:在小范围使用全局变量,这个时候就可以使用闭包来代替。

(function(){
	var test2=222;
	function outer(){
		alert(test2);
	}
	outer(); //222
})(); 

alert(test2); //报错,test2 is not defined
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值