阅读 3218

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.在模块化开发中,能防止污染全局变量

文章分类
前端
文章标签