关于 Javascript 的闭包

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章