用闭包实现计数器

来源:互联网 发布:moe域名备案 编辑:程序博客网 时间:2024/05/21 22:48

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

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为3counter++;//counter为4

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

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

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

var add = (function () {    var counter = 0;    return function () {return counter += 1;}})();//这里var add已经是执行过后的函数了,var add=function(){..}add();//执行匿名子函数add(); add();// 计数器为 3
0 0
原创粉丝点击