JS 简单理解闭包

JS的闭包很早就有了解,但一直不知道怎么回事,今天有空,又百度了一次。略有感悟,及时记录。

先来看一段代码

const foo = () => {
    let v = 1;
    return () => {    
    	return v++;
    }
}
const bar = foo()
bar();
bar();
bar();
//丢到浏览器之前可以猜一下会输出什么~

我原本以为,每次bar调用的时候,都会去执行 let v = 1 这段代码,然后每次打印出来的值都是1
一个萌新
但我果然还是太菜了,实际打印:1》2》3
那么,为什么是1》2》3嘞
再看另一段代码 好像并没有什么不一样🙂

const foos = () => {
	let v= 1;
	console.log(v,'v')
	return () => {
		console.log('真正被执行')
		return v++
	}
}
//然后看执行结果

执行结果👇
页面执行效果
啧啧,这样答案就呼之欲出了。
小结:

  1. 函数在被调用的时候,只会去执行return 里的代码,也就是说 let v = 1 只执行了一次,并没有被重新赋值。
  2. 当调用的时候,作用域关系,return 的位置,可以拿到对应父函数的变量,也就是v,最后再return 出去。
  3. 这里说的就是闭包常说的那个概念,函数可以拿到函数外的变量,因为在闭包里这个变量是全局的了
  4. 但是,如果想获得到 v 只能通过调用bar的方式。有点类似变量私有化(个人觉得,因为直接拿v的值是拿不到的,只能通过调用子函数的方式得到v)
  5. 而另一个常说的概念:闭包会引起内存泄漏(变量太多了),就是因为v是存储在全局里的,因为随时可能会被调用,所以js并不会因为函数被调用结束就销毁释放这个变量
    小结
    之前对闭包的概念一直很模糊,只知道函数可以拿到函数外面的变量,并不知道是什么意思,现在虽然理解的不是很透彻,但也算是有了从0到1的进展。

参考链接:作者:王殊
这个回答👇
在这里插入图片描述
里面有一句 所以,为什么父函数的局部变量没有被销毁?因为它们所在的执行上下文还被子函数的[[Scope]]属性引用着,只要子函数还存在引用,垃圾收集器就不会销毁它们所在的执行上下文。 醍醐灌顶
上面的代码可能不方便理解,换另一种

//别人封装的代码哈哈哈哈哈哈噶
var person = function(){
	//变量作用域为函数内部,外部无法访问
	var name = "default";
	return {
		getName : function(){
			return name;
		},
		setName : function(newName){
			name = newName;
		}
	}
}();

参考链接 js中闭包的理解、用途场景、优缺点及解决办法
如果有理解不到位或者理解错误的地方,希望大佬们及时指正哈哈哈

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值