说一说js中的闭包

时间:2022-11-05 22:01:58

不说官方给的定义,感觉自己刚开始看也不是很理解。

闭包 : 其实就是 该函数能使用函数外定义的变量。

 

为什么要使用闭包?

首先来说一下局部变量和全局变量的危害: 全局变量容易全局污染,局部变量又无法共享,不能长久保存

那闭包实现了一个什么?

既可以共享,长久保存,又不会全局污染,其实是用来保护局部变量的。

闭包有什么缺点?

占内存,至于为什么占内存,稍后会画内存图来说明。

 

如果说你要写一个闭包,就是抓住闭包的三个特点:

  1. 定义外层函数,封装被保护的局部变量
  2. 定义内层函数,执行对局部变量(外层函数的)的操作
  3. 外层函数返回内层函数的对象,并且外层函数被调用,结果保存在全局变量中
function outer(){
   var n = 1;
   function inner(){
       return  n++;
   }  
   return inner;
}
var getNum = outer();

 

所以说在你判断闭包的时候一般是看以下三点:

  1. 嵌套函数
  2. 内层函数一定操作了外层函数的局部变量
  3. 外层函数将内层函数返回到外部,被全局变量保存住

那一个闭包我们又如何去判断他的执行结果呢?

  1. 外层函数被调用了几次,就有几个受保护的局部变量副本
  2. 来自一个闭包的函数被调用几次,受保护的局部变量就变化几次

比如刚刚那个例子来说:

function outer(){
   var n = 1;
   function inner(){
       return  n++;
   }  
   return inner;
}
var getNum = outer();
//外层函数调用一次,有一个被保护的n
console.log(getNum());
//0
console.log(getNum());
//1
var getNum2 = outer();
//外层函数被调用两次,有两个互不干扰的n
console.log(getNum2());
//0

内存图:

  创建函数的同时会创建两个对象:  

        函数对象:函数的定义  (老板)

        作用域链对象:保存了函数对象可用的变量的位置的对象(栈),默认第一项指向window(管理员)

  而调用函数时,又会创建一个新对象

        活动对象:专门保存局部变量的对象(这里说一下函数中的局部变量指的是  参数  和  var声明的)

        在作用域链对象中追加指向活动对象的引用

  调用后:仅仅释放了活动对象,作用域链中活动对象的引用出栈,活动对象因无人引用而释放

      (也就是说内存图中,某一块当没有人指入它时,就会被释放)

说一说js中的闭包

 

 除去释放后的部分:

 说一说js中的闭包

可见如果有闭包的存在,其实是很占内存的,它会形成这种循环的指入,使得无法被释放