闭包

闭包

那我们知道，在一个函数里面是可以定义另一个函数的，而且内部函数是可以访问外部函数变量的。当其中一个这样的内部函数在包含它们的外部函数之外被调用时，就会形成闭包。闭包会导致内存占用过高,因为变量都没有释放内存

function outerFn() {
  //外函数
  var name = "小明";
  function innerFn() {
    //内函数
    console.log(name);
  }
  return innerFn;
}
//此时 fn 与 outerFn 是同一级，并不是包含关系
var fn = outerFn();

// 仍然可以访问到 outerFn 的内部变量
// 打印出“小明”
fn();

闭包与自执行函数

//下面这个输出全是 4
for (var i = 0; i < 4; i++) {
  setTimeout(function() {
    console.log(i);
  }, 300);
}
// 下面采用自执行函数改写
for (var i = 0; i < 4; i++) {
  setTimeout(
    (function() {
      console.log(i);
    })(),
    300
  );
}
// 下面采用闭包改写
for (var i = 0; i < 4; i++) {
  setTimeout(
    (function(i) {
      return (function() {
        console.log(i);
      })();
    })(i),
    300
  );
}

闭包的内存释放

因为闭包会一直将变量保留在内存中，即使不再需要。所以我们需要手动释放。

function foo() {
  var a = 2;

  function bar() {
    console.log(a);
  }
  return bar;
}

var bar = foo();
bar(); //bar指向的对象会一直存在堆内存中

bar = null; //如果 bar 不再使用，将其指向的对象释放

闭包原理

函数的执行依赖于函数定义时的作用域链，一般而言 js 有自己的垃圾回收机制，变量会自动回收。但是，用在函数嵌套中，如果嵌套函数是作为返回值返回，那么就会有一个外部引用指向这个嵌套函数，那么外部函数就不会被当作垃圾回收，同时该作用域链中的属性也会保留。这就是形成闭包的原理。