Как работает debounce?

Question

[nomta]

Не понимаю, как работает lodash debounce. Нужно, чтобы функция вызывалась не чаще, чем раз в n миллисекунд. Например, пользователь вводит значение в инпут, по мере ввода должна вызываться функция обработки ввода, но не чаще, чем, допустим, раз в 1000 ms:

debounce((value) => {
    console.log(value)
}, 1000)(value)

Но вместо этого функция вызывается на каждый ввод, для каждого символа, просто с задержкой в 1000ms. Т.е., пользователь успел за секунду ввести слово длиной в 7 символов - функция вызовется через секунду все 7 раз. Т.е., по сути это обычный setTimeout.
Как добиться, чтобы функция вызывалась только один раз в указанный промежуток времени?
(как написать свою реализацию, понятно, но, по идее, lodash функция должна так работать?)

Comments

[Василий Банников]

Покажи целиком код. Вообще то что сейчас написано - это некорректный способ использования.
Вот такой пример дают в документации:

// Avoid costly calculations while the window size is in flux.
jQuery(window).on('resize', _.debounce(calculateLayout, 150));
 
// Invoke `sendMail` when clicked, debouncing subsequent calls.
jQuery(element).on('click', _.debounce(sendMail, 300, {
  'leading': true,
  'trailing': false
}));
 
// Ensure `batchLog` is invoked once after 1 second of debounced calls.
var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
var source = new EventSource('/stream');
jQuery(source).on('message', debounced);
 
// Cancel the trailing debounced invocation.
jQuery(window).on('popstate', debounced.cancel);

https://docs-lodash.com/v4/debounce/

[WbICHA]

Вот тебе точно ненужен лодаш, с языком сначала разберись. Иди и напиши дебоунс. Сам. Своими ручками. А потом подумай почему дебоунс в таком виде "не работает".

[nomta]

Василий Банников, да, действительно, невнимательность меня подвела. Благодарю

[Василий Банников]

nomta, продублировал в ответы

Answer 1

[Василий Банников]

Ты не правильно используешь. https://docs-lodash.com/v4/debounce/