“大厂面试必问!”——什么是JS中的闭包
1.什么是闭包?
2.闭包的作用是什么?
首先我们来简述一下:什么是闭包?
function foo() {
var a = 2
function bar() {
console.log(a);
}
bar()
}
foo()
复制代码
在上面的代码中,函数foo被执行,进而函数bar被定义且执行。
此时的函数bar可以访问到变量a
这就是一个闭包:
「函数」和「函数内部能访问到的变量」(也叫环境)的总和,就是一个闭包
那来到第二个问题:闭包的作用是什么?
闭包常常用来「间接访问一个变量」。或者说,「隐藏一个变量」。
假设在一个支付软件中,我们需要定义用户当前的资金总量,这个数字在很多地方都需要被访问到,如果不用闭包,或许我们能用一个全局函数?
window.money = 4396.00
复制代码
这样看起来很不妥。万一有人不怀好意把这个数改成7或者7777777了怎么办?
所以我们不能让别人直接访问这个变量,我们,得用局部变量了。
只是用局部变量别人又难以对这个数量进行改变,怎么办呢?
我们可以使用闭包,暴露一个函数,实现一个共有变量
此处借用阮一峰老师在闭包文章中的例子 (www.ruanyifeng.com/blog/2009/0…
function f1(){
var money=999;
moneyAdd=function(){money+=1}
function f2(){
alert(money);
}
return f2;
}
var result=f1();
result(); // 999
moneyAdd();
result(); // 1000
复制代码
这段代码中第一次引用result函数的值等于999,之后引用result函数的值等于1000。
此时的result函数其实就是闭包函数f2,result值的变化表示money已经成为了“全局变量”,在f1被引用后并没有消失,而是被储存在某个内存之中,不会在调用结束后,被垃圾回收机制(garbage collection)回收。
延伸
闭包的缺陷
闭包会导致一定程度的内存泄漏:
主流浏览器中都有一个JS执行引擎,其中有一个回收机制,回收机制会定时删除不必要的冗杂数据。
但是回收机制无法回收闭包的函数,及闭包函数中存储的数据。这就会使得浏览器需要更多性能方面的开销。
闭包的其他作用
1.做缓存,能让多个函数同时作用于一个对象
2.实现封装,让属性能够私有化
3.在模块化开发中,能防止污染全局变量
作者:IT棉被
链接:https://juejin.cn/post/6954659817126363150
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。