javascript - 去抖动函数是幂等的吗？

Question

这是一个标准的去抖动函数，效果很好(经过测试...)

function debounce(func, wait = 300, delay = false) {
    
    let waitingClock;

    return function () {

        const context = this;
        const args = arguments;
        const immediateCall = !waitingClock && !delay;

        clearTimeout(waitingClock);

        waitingClock = setTimeout(function () {

            waitingClock = null;

            if(!immediateCall)
                func.apply(context, args);

        }, wait);

        if(immediateCall) 
            func.apply(context, args);

    }

}

const log = function() {
    console.count("Logging something ");
}

我们一般是这样做的:

const safeLog = debounce(log, 300, false);

它有效...... 100 %
但我已经看到，如果我这样做，

const safeLog = debounce(debounce(log, 300, false));
const safeLog = debounce(debounce(debounce(log, 300, false)));
const safeLog = debounce(debounce(debounce(debounce(log, 300, false))));

它仍然像上面一样工作。那么得出结论是否安全 debounce是幂等函数吗？
我需要了解为什么？

Answer 1

不。
我认为您对“幂等性”的含义感到困惑。
如果多次调用函数与只调用一次具有相同的效果，则该函数是幂等的。
您的功能是确定性的(我相信)，这不是一回事:

let originalFunc = () => { /* stuff */ }

let fnA = debounce(originalFunc)
let fnB = debounce(originalFunc)

fnA与 fnB 的工作方式相同.但这与此不同:

let fnA = debounce(originalFunc)
let fnB = debounce(debounce(originalFunc))

一方面: fnB将创建两个计时器。这在您的应用程序中可能并不明显，但如果您正在编写单元测试，您可能必须解决这个事实。
有趣的是，这个 debounce即使不需要计时器，也会创建计时器。 (如果应该立即调用 setImmediate，您应该避免创建计时器，或者使用 func 代替。)
如果您嵌套调用，此去抖动会产生副作用。这些效果在您的用例中可能不可见，但它们是真实的并且可以达成交易。