彻底理解 js中的闭包

很多小伙伴在我之前写的一篇文章里提到的data是一个闭包函数可能不是很理解,我在这里先给大家讲一下闭包。
1:闭包是什么?
闭包是内部和外部函数之间的桥梁。我其实更喜欢理解是一个函数与子函数直接的关系(函数里面返回一个函数)

function closure() {
	let count = 1;
	return function() {
		return count += 1
	}
}

这里闭包的一种最简单的表现形式。
2:闭包存在的意义?
a:延长变量的生命周期

let name = '小明'  //挂载在全局作用域的script属性里面
function fn() {
	let age = 18  //挂载在全局作用域local属性里面
	console.log(name) //小明
}
console.log(age) // age is not  defined
fn()

抛开作用域我们看底层:
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
1:全局变量不会被回收,会污染其他的局部变量。
2:全局变量不会被垃圾回收机制回收。
3:闭包会常驻内存 ==> 慎用
比如我们经常会听到的防抖节流

b:创建一个自己私有的环境(作用域)
在这里插入图片描述
在这里插入图片描述

我们可以理解为 这两个是变量都是通过闭包一个父亲生出来的,但是两个孩子都有了自己的家庭,每个家庭里的成员不会相互影响,不能搞伦理之事,我们都是中国人,这种道德观念还是很强的。(都有各自独立的词法作用域)
闭包也是能很好的诠释js的面向对象编程。(数据的隐藏和封装)
面向对象编程的三大特性:继承,封装,多态。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值