javascript - 如何在调用后和执行前取消去抖函数？

Question

我创建了一个带有下划线的函数的去抖版本:

var debouncedThing = _.debounce(thing, 1000);

一旦 debouncedThing 被调用...

debouncedThing();

...有什么方法可以在实际执行之前的等待期间取消它吗？

Answer 1

如果您使用最新版本的 lodash，您可以简单地执行以下操作:

// create debounce
const debouncedThing = _.debounce(thing, 1000);

// execute debounce, it will wait one second before executing thing
debouncedThing();

// will cancel the execution of thing if executed before 1 second
debouncedThing.cancel()

另一个解决方案是使用标志:

// create the flag
let executeThing = true;

const thing = () => {
   // use flag to allow execution cancelling
   if (!executeThing) return false;
   ...
};

// create debounce
const debouncedThing = _.debounce(thing, 1000);

// execute debounce, it will wait one second before executing thing
debouncedThing();

// it will prevent to execute thing content
executeThing = false;