javascript - Cancel lodash's debounce, without invoking the function - Stack Overflow

admin管理员组

文章数量:1430592

My question is, if there is a way to cancel lodash's debounce, without invoking the function to debounce. The .cancel() from lodash still invokes the function.

Maybe I am looking for the wrong approach. If so, is there any other solution for something like this?

Thank you in advance.

My question is, if there is a way to cancel lodash's debounce, without invoking the function to debounce. The .cancel() from lodash still invokes the function.

Maybe I am looking for the wrong approach. If so, is there any other solution for something like this?

Thank you in advance.

• javascript
• lodash

Share Improve this question Follow asked Jul 31, 2020 at 14:00 philmanphilman 15933 silver badges1212 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

Calling the cancel method on the debounced function does not invoke it, unless it is on the trailing edge of the timeout. You can use the trailing option to configure this. Docs

const fn1 = () => console.log('Called 1');
const fn2 = () => console.log('Called 2');
const fn3 = () => console.log('Called 3');

const debouncedFn1 = _.debounce(fn1, 1000);
const debouncedFn2 = _.debounce(fn2, 1000);
const debouncedFn3 = _.debounce(fn3, 1000, { trailing: false });

// Will not log
debouncedFn1();
setTimeout(debouncedFn1.cancel, 200);

// Will log
debouncedFn2();
setTimeout(debouncedFn2.cancel, 1000);

// Will not log
debouncedFn3();
setTimeout(debouncedFn3.cancel, 1000);

<script src="https://cdn.jsdelivr/npm/[email protected]/lodash.min.js"></script>

本文标签： javascriptCancel lodash39s debouncewithout invoking the functionStack Overflow