仓库源文，站点原文

title: closure slug: higher-order function categories: [JavaScript, closure]

author: tyrant

闭包

函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起构成闭包（closure）。也就是说，闭包可以让你从内部函数访问外部函数作用域。在 JavaScript 中，每当函数被创建，就会在函数生成时生成闭包。

参考：MDN

闭包的特性

• 函数嵌套函数
• 函数内部可以引用函数外部的参数和变量
• 参数和变量不会被垃圾回收机制回收

闭包的作用

• 可以在函数的外部访问到函数内部的局部变量。
• 让这些变量始终保存在内存中，不会随着函数的结束而自动销毁。

例子

比如我们定义一个计数器，正常的写法

var count = 0;
function add() {
  return count += 1;
}
add(); // 1
add(); // 2

这样没问题，可以正常实现功能，也很简单方便。但是如果我们要同时实现多个计数器呢，总不能

var count = 0;
function add() {
  return count += 1;
}
var count1 = 0;
function add1() {
  return count += 1;
}
var count2 = 0;
function add2() {
  return count += 1;
}
...

这样一直写吧， 所以这时候就可以使用闭包来实现

function add() {
  var count = 0;
  return function() {
    return count += 1;
  }
}
var fn1 = add(); // 计数器1
var fn2 = add(); // 计数器2
fn1(); // 1
fn1(); // 2
fn1(); // 3
fn2(); // 1
fn2(); // 2
fn2(); // 3

最后总结一下闭包的好处与坏处

好处

• 保护函数内的变量安全 ，实现封装，防止变量流入其他环境发生命名冲突
• 在内存中维持一个变量，可以做缓存（但使用多了同时也是一项缺点，消耗内存）
• 匿名自执行函数可以减少内存消耗

坏处

• 其中一点上面已经有体现了，就是被引用的私有变量不能被销毁，增大了内存消耗，造成内存泄漏，解决方法是可以在使用完变量后手动为它赋值为null；
• 其次由于闭包涉及跨域访问，所以会导致性能损失，我们可以通过把跨作用域变量存储在局部变量中，然后直接访问局部变量，来减轻对执行速度的影响