w3schools 上,对闭包解释的比较清楚。 — 它相当于让 function 有了自己的私有变量。
其例子是“计数器困境”,现引用如下。
计数器困境
首先 javascript 没有块作用域的概念。只有 global 和 local 的概念。分别对应于网页范围和函数范围。
如果想用 javascript 实现一个计数器,可以:
var counter = 0;
function add() {
counter += 1;
}
但问题是,谁都可以改这个 counter, 郁闷。
改成普通的函数呢? 似乎也不行。下面的函数不会有记忆,counter 总是1
function add() {
var coutner = 0;
counter += 1;
}
怎么办呢? closure 来帮助。
// closure 的例子
var add = (function () {
var counter = 0;
return function () {return counter += 1;}
})();
这里用了一个立即执行的函数 (IIFE),执行一个匿名函数。该匿名函数返回一个带有闭包的函数。每次调用把 counter 加 1