理解JS中的高阶函数：下面的代码如何保证代码只会被调用一次？ [复制]

Question

我正在尝试理解函数式编程并看到以下示例：

function onceOnly(f) {
    var hasRun = false;
    return function() {
        if(!hasRun){
            hasRun = true;
            return f();
        }
    }
}

// Call as many times as you like
var sendWelcomeEmail = onlyOnce(function() {
    emailServer.send(...);
});

对此我有一些不明白的地方。

• 这种技术应该保证emailServer.send(...) 只会被调用一次。它是如何做到的？ hasRun 的状态如何保存？
• 在onceOnly(f) 中创建一个返回f() 的函数有什么用处？为什么我们不简单地执行以下操作：

function onceOnly(f) {
    var hasRun = false;
    if(!hasRun){
        hasRun = true;
        return f();
    }
}

这段代码的来源可以找到here

谢谢。

Answer 1

onlyOnce 的目的是返回一个函数，而不是调用一个函数。你的第二个例子是调用函数并返回f的结果。

然而，第一次实现

//return a reference to an anonymous function
var sendWelcomeEmail = onlyOnce(...);
//you can use it to call after
sendWelcomeEmail();

只需在return f() 前面加上console.log()，您就会看到不同之处。

hasRun 首先以false 启动。一旦调用了sendWelcomeEmail()，hasRun 将被设置为true。由于sendWelcomeEmail被一个匿名函数引用，它是唯一的并且存在于内存中，第二次调用这个相同的函数不会触发f()，因为hasRun也被唯一引用并被记住了。