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++
}
}
//然后看执行结果
执行结果👇
啧啧,这样答案就呼之欲出了。
小结:
- 函数在被调用的时候,只会去执行return 里的代码,也就是说 let v = 1 只执行了一次,并没有被重新赋值。
- 当调用的时候,作用域关系,return 的位置,可以拿到对应父函数的变量,也就是v,最后再return 出去。
- 这里说的就是闭包常说的那个概念,函数可以拿到函数外的变量,因为在闭包里这个变量是全局的了
- 但是,如果想获得到 v 只能通过调用bar的方式。有点类似变量私有化(个人觉得,因为直接拿v的值是拿不到的,只能通过调用子函数的方式得到v)
- 而另一个常说的概念:闭包会引起内存泄漏(变量太多了),就是因为v是存储在全局里的,因为随时可能会被调用,所以js并不会因为函数被调用结束就销毁释放这个变量。
之前对闭包的概念一直很模糊,只知道函数可以拿到函数外面的变量,并不知道是什么意思,现在虽然理解的不是很透彻,但也算是有了从0到1的进展。
参考链接:作者:王殊
这个回答👇
里面有一句 所以,为什么父函数的局部变量没有被销毁?因为它们所在的执行上下文还被子函数的[[Scope]]属性引用着,只要子函数还存在引用,垃圾收集器就不会销毁它们所在的执行上下文。
醍醐灌顶
上面的代码可能不方便理解,换另一种
//别人封装的代码哈哈哈哈哈哈噶
var person = function(){
//变量作用域为函数内部,外部无法访问
var name = "default";
return {
getName : function(){
return name;
},
setName : function(newName){
name = newName;
}
}
}();
参考链接 js中闭包的理解、用途场景、优缺点及解决办法
如果有理解不到位或者理解错误的地方,希望大佬们及时指正哈哈哈