926233ec55
Fixes the debounce function to work properly when leading is true by adding a condition to reset and reschedule the timeout whenever a subsequent call happens whithin the delay timeframe.
60 lines
1.5 KiB
JavaScript
60 lines
1.5 KiB
JavaScript
/**
|
|
* Debounce function, includes leading and trailing options (lodash-like)
|
|
* @param {Function} func - function to be debounced
|
|
* @param {Number} delay - delay in milliseconds
|
|
* @param {Object} options - options object
|
|
* @param {Boolean} options.leading - whether to invoke the function on the leading edge
|
|
* @param {Boolean} options.trailing - whether to invoke the function on the trailing edge
|
|
* @returns {Function} - debounced function
|
|
*/
|
|
export function debounce(func, delay, options = {}) {
|
|
let timeoutId;
|
|
let lastArgs;
|
|
let lastThis;
|
|
let calledOnce = false;
|
|
|
|
const { leading = false, trailing = true } = options;
|
|
|
|
function invokeFunc() {
|
|
func.apply(lastThis, lastArgs);
|
|
lastArgs = null;
|
|
lastThis = null;
|
|
}
|
|
|
|
function scheduleTimeout() {
|
|
timeoutId = setTimeout(() => {
|
|
if (!trailing) {
|
|
clearTimeout(timeoutId);
|
|
timeoutId = null;
|
|
} else {
|
|
invokeFunc();
|
|
timeoutId = null;
|
|
}
|
|
calledOnce = false;
|
|
}, delay);
|
|
}
|
|
|
|
return function (...args) {
|
|
lastArgs = args;
|
|
lastThis = this;
|
|
|
|
if (!timeoutId) {
|
|
if (leading && !calledOnce) {
|
|
invokeFunc();
|
|
calledOnce = true;
|
|
}
|
|
|
|
scheduleTimeout();
|
|
} else if (trailing) {
|
|
clearTimeout(timeoutId);
|
|
timeoutId = setTimeout(() => {
|
|
invokeFunc();
|
|
timeoutId = null;
|
|
}, delay);
|
|
} else if (leading && calledOnce) {
|
|
clearTimeout(timeoutId);
|
|
scheduleTimeout();
|
|
}
|
|
};
|
|
}
|