Отмена дребезга в JavaScript – это метод, который помогает ограничить скорость вызова функции. Он часто используется в ситуациях, когда функция вызывается несколько раз в быстрой последовательности, например, когда пользователь быстро печатает или когда событие запускается повторно, например, при прокрутке или изменении размера окна.
Устранение дребезга работает путем установки таймера после начального вызова функции. Если функция вызывается снова до истечения таймера, таймер сбрасывается, и функция не вызывается до тех пор, пока таймер снова не истечет. Это помогает гарантировать, что функция не вызывается слишком часто, и помогает повысить производительность веб-сайта или приложения.
Вот пример того, как реализовать устранение дребезга в JavaScript.
function debounce(callback, delay) {
let timer;
return function() {
clearTimeout(timer);
timer = setTimeout(callback, delay);
};
}
// Usage:
const debouncedFunction = debounce(function() {
// Code to be executed after the delay
}, 1000);
В этом примере debounce — это функция более высокого порядка, которая принимает функцию обратного вызова и задержку в миллисекундах в качестве аргументов. Он возвращает новую функцию, которая при вызове очищает любой существующий таймер и устанавливает новый таймер для заданной задержки. Когда таймер истекает, вызывается функция обратного вызова. Это гарантирует, что обратный вызов будет вызываться только один раз за период задержки, даже если функция, для которой отменено дребезг, вызывается несколько раз в течение этого периода.
