「跟着渡一学前端」什么是闭包？是否会造成内存泄漏？

学习资源#

• 什么是闭包？是否会造成内存泄漏？【渡一教育】

什么是闭包？#

• 在一个函数的环境中，闭包= 函数+词法环境

  function m(){
    var a=1;
    function sub(){
      
    }
  }
  

  • 即便sub为空函数，都是闭包。
  • 不是所有闭包都会造成内存泄露——如果函数后续需要用到，就不算内存泄露。

什么情况下会造成内存泄露？#

情况一：持有本该销毁的函数，造成其关联的词法环境无法销毁。

let handler=()=>{
  
}
dom.addEventHandler('click',handler);
dom.removeEventHandler('click',handler);
// 由于handler没有被置空，其函数依旧携带其词法环境。早造成内存泄露

情况二：当有多个函数共享词法环境时，可能导致词法环境膨胀，从而发生无法访问但无法销毁的数据。

function createXXX(){
  const big = 'xxxx';
  const small = 'x';
  function s1(){
    big;
  }
  function s2(){
    small;
  }
  return s2;
}

const xxx = createXXX();

• 当s1被销毁后，没有引用big，但是由于s2与s1共享词法环境，导致big依旧没有被销毁。