用闭包实现计数器

如果我们需要一个计数器，一个会把计数器设置成全局变量，这样这个计数器会依次增加

var counter = 0;

function add() {
   return counter += 1;
}

add();
add();
add();
//counter为3

这样执行过3次add()后，因为counter是全局变量，所以此时counter为3，实现了计数器的功能。但这样有个问题就是，counter暴露了出来，其他函数或者动作也能改变它的值。如：

var counter = 0;

function add() {
   return counter += 1;
}

add();
add();
add();
//counter为3

counter++;
//counter为4

这样的计数器是不安全也不符合要求的。但是如果在函数内设置counter,那么每次调用的时候counter都会恢复成初始值。

function add() {
    var counter = 0;
    counter += 1;
}

add();//counter为1
add();//counter为1
add();//counter为1

所以我们需要的是这么一个变量，它在函数每次调用时不要重置，但是它存在于函数内部。
在 JavaScript 中，所有函数都能访问它们上一层的作用域！所以在父函数内定义子函数，子函数能访问父函数的变量！子函数就相当于闭包。如果这时候把计数器定义在父函数里，然后子函数调用计数器，再在父函数外面执行子函数进行计数，那么这个计数器只能通过这个嵌套函数访问到，并且每次计数都不会重置（因为我们执行的是子函数，只有执行父函数该计数器才会重置）

var add = (function () {
    var counter = 0;
    return function () {return counter += 1;}
})();//这里var add已经是执行过后的函数了，var add=function(){..}

add();//执行匿名子函数
add(); 
add();

// 计数器为 3

最后

以上就是矮小云朵为你收集整理的用闭包实现计数器的全部内容，希望文章能够帮你解决用闭包实现计数器所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。