如何跟踪同一函数的多次运行？

Question

我有这样的功能：

function run(arg) {
    if (!window.alreadyRun) init();
    window.alreadyRun = true;
    /* more code */
}

你明白了，我想弄清楚这是不是第一次调用函数。

有没有更好的方法来做到这一点？不使用全局变量？像这样的：

function run(arg) {
    var ranAlready;
    if (!ranAlready) init();
    ranAlready = true;
    /* more code */
}

Answer 1

这将返回一个函数，其中包含一个名为runCount 的变量，该变量将保存它被调用的次数。

var yourFunction = function() {
    var runCount = 0;

    return function() {
        console.log(runCount);
        runCount++;
    }  

}

var a = yourFunction();

a(); // runCount: 0
a(); // runCount: 1
a(); // runCount: 2
a(); // runCount: 3

See it on jsFiddle.

如果你只是想运行一个初始化类型的函数，你可以将代码放在上面返回内部函数。它会在返回内部函数之前被调用一次，并且它的作用域将保留在它的外部函数中。

Answer 2

闭包的力量。

var f = (function(run) {
    return function() {
        if (!run) init(),run=true;
        // do code
    };
}(false));

如果您希望在下一次函数调用中再次调用它，您甚至可以使用 if (!run) init() && run = true 并获取 init 以返回 false。

我们有一个自执行函数，它创建一个本地 run 变量并通过将其作为参数传入将其设置为 false。然后，我们有一行检查它是否为 false，如果是，则为 init(), run=true，它正在运行 init 函数并在单个表达式中将其分配为 true。

基本上，您在任何地方都使用全局作用域使变量成为函数的静态变量，您可以改为使用闭包作为局部函数作用域和全局作用域之间的作用域级别。

如果您需要一个对函数来说是静态且只读的变量，您可以使用鲜为人知的 const 关键字。

Answer 3

我认为闭包对此完全是矫枉过正，只会使代码复杂化。

您所描述的在面向对象的语言中称为静态变量，并且可以通过将属性直接附加到函数来在 JS 中很容易地模仿它。这是可能的，因为函数是 JS 中的一等对象：

function run(arg) {
    if (!run.ranAlready) { // run.ranAlready is undefined at first, so falsy
       run.ranAlready = true;
       init();
    }

    /* more code */
}

这比嵌套函数要简单得多，你可以继续以完全相同的方式使用run()。

另一个优点是，对于单元测试，您仍然可以从函数外部访问 ranAlready 属性以检查您的代码是否正常工作：

assert(run.runAlready == false);
run();
assert(run.runAlready === true);

当然，这不能用于匿名函数，例如在事件处理程序中，但是为匿名函数命名而不是使用嵌套函数和额外的函数不是更简洁函数调用？

Answer 4

这只是另一种方法。您可以让函数自行修改。在下面的例子中，myfunction 被更改为一个新的。这可能不是你正在寻找的东西，但我认为至少发布这个很有用，这样你就可以看到做事的替代方法（而且：自我修改代码有时会很酷)。

var myfunction = function() {
    alert("This is the first time I'm executed");

    myfunction = function() {
        alert('Subsequent times');
    }
}

myfunction();  // displays the alert 'This is the first time...'
myfunction();  // displays the alert 'Subsequent times'
myfunction();

示例：http://jsfiddle.net/jonathon/wntmB/