计数器功能设定值

Question

下面的代码将使counter函数每次counter（）递增1。 叫做。

function One() {  
    var counter = function(initial) {
        var c = initial || 0;
        return function() {
            return c++;
        };
    }(0);
    Too(counter);
}

function Too(counterArg) {
    counter();
}

有什么我可以代替counter（）的东西吗？ 这样计数器会减少吗？ 甚至更好的办法是我可以设置计数器的值吗？ 例如counter = 0或counter = 20？ 我还需要远离全局变量。

Answer 1

您可以在javascript中将函数分配为变量，因此现在您可以执行此操作...

var counter = 0;
var step = 1; // or 20 or whatever
var method = null;

function increment () {
  counter += step;
}

function decrement () {
  counter -= step;
}

method = icrement;
method();

Answer 2

首先，您的代码中有一个小的错字； 想必你是说

function Too(counterArg) {
    counterArg();  // this was just `counter` originally; that will be undefined
}

其次， c++有点奇怪，因为它返回c然后递增c ，所以计数器将从0开始，这可能不是您想要的。 （我承认，每当我在代码中看到c ++时，我都会咯咯笑。：P）

好的，接下来的主要问题是：我可以通过在计数器函数中添加一个名为set的方法来做到这一点。

function One() {  
    var counter = function createCounter(initial) {
        var c = initial || 0;
        function counter() {
            return ++c;
        }
        counter.set = function(n) {
            c = n;
        };
        return counter;
    }(0);
    Too(counter);
}

function Too(counterArg) {
    counter(); // 1
    counter.set(20);  // `c` is now 20
    counter(); // 21
    counter(); // 22
}

之所以有效，是因为counter函数创建了一个叫做Closure的东西 。 这是JavaScript中相当普遍的概念，如果您不了解SO上的闭包，则有很多很好的问题和答案。 基本上，即使您的匿名函数（我将其重命名为createCounter ）返回之后，变量c仍然存在，并且可以从createCounter任何代码进行访问。 这就是counter功能的工作方式。 但是， createCounter之外的任何代码都无法访问c ，因此，如果要对其执行任何操作，则必须将该代码放入createCounter 。 这就是我添加的counter.set方法的作用。 由于它位于createCounter ，因此可以自由修改c 。