面试必问的闭包小结

252 阅读2分钟

什么是必包?

变量的作用域有两种:全局变量和局部变量;

函数内部可以直接读取全局变量;

在函数外部无法读取函数内的局部变量。

函数使用了外部的变量就是闭包

function f1() {
  let n = 999;
  function f2() {
    console.log(n);
  }
  return f2;
}
let result = f1();
result(); // 8888

在上面的代码中外面可以访问到 f1 里的局部变量 f2 和 n就叫做闭包

闭包的用途是什么?

用处有两个,

一个是前面提到的可以读取函数内部的变量,隐藏了局部变量,只留下操作函数。

另一个就是让这些变量的值始终保持在内存中,不会在f1调用后被自动清除。

function f1() {
  let n = 8888;
  nAdd = function () {
    n += 1;
  };

  function f2() {
    alert(n);
  }
  return f2;
}

let result = f1();
result(); // 8888
nAdd();
result(); // 8889

在上面的这段代码中,result实际上就是闭包f2函数。

它一共运行了两次,第一次的值是999,第二次的值是1000。

这证明了,函数f1中的局部变量n一直保存在内存中,并没有在f1调用后被自动清除。

因为f2被赋值给了result,而f2依赖于f1,所以f1也不会被回收

两次result由8888 -> 8889的原因就是中间执行了一次nAdd()函数,改变了n的值

闭包的缺点是什么?

  • 由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题。

  • 容易内存泄露。闭包会在父函数外部,改变父函数内部变量的值。所以,如果把父函数当作对象使用,把闭包当作它的公用方法,把内部变量当作它的私有属性,这时一定要小心,不要随便改变父函数内部变量的值。