假设这样一个场景:需要一个记数器来记录类加数量。我们可以使用一个全局变量,通过一个专门的函数给它类加。但是这个变量是可以被所有window对象改变的。为了使记数器不被其他代码改变,假如我们使用function函数中的变量来当记数器,虽然不会被外面的代码访问到,但这个记数器只是个局部变量,它的生命周期是在函数调用开始到结束之间。
对全局变量,所有function函数都可以改变它的值,这可能带来一些问题。我们将利用嵌套function函数来处理这个问题。这里先说明一点,事实上function能访问它的上一级作用域中的变量。
嵌套function函数例子:
<script>
document.getElementById("demo").innerHTML = add();
function add() {
var counter = 0;
function plus() {counter += 1;}
plus();
return counter;
}
</script>
最后应用closures方式:closure(闭包是一个函数,能够调用父范围,甚至当父函数已经关闭。它使一个函数具有“私有”的变量)
<script>
var add = (function () {
var counter = 0;
return function () {return counter += 1;}
})();
function myFunction(){
document.getElementById("demo").innerHTML = add();
}
</script>
其中使用到自我调用函数,自我调用函数只执行一次,它在这里将记数器设为零,并返回function表达式.这等价于在function函数中定义了一个私有变量,并且又返回了一个匿名function()函数function () {return counter += 1; }
,因此每当我们调用add()时,都执行这个匿名function函数,并将每次记数器改变的值都存储在add变量中。从而达到类加的目的。