“大厂面试必问!”——什么是JS中的闭包

JavaScript4年前 (2021)发布 小马大哥哥
385 0 0

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
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...