Введение в устранение дребезга в JavaScript
Добавление метода оптимизации устранения дребезга в ваши веб-приложения для повышения производительности.
Поскольку метод дросселирования отлично подходит для многократного выполнения дорогостоящей операции, метод устранения дребезга ожидает, пока определенное событие будет приостановлено, чтобы вызвать его.
Одним из лучших примеров для понимания этой техники будет операция поиска с функцией автоматического предложения. Пользователь начинает печатать, и он ждет, пока пользователь перестанет печатать, и функция debounce выполняется и отправляет запрос на сервер для загрузки данных и отображения их в качестве возможных предложений.
Ниже представлена реализация концепции устранения дребезга в JavaScript.
Как вы можете видеть в коде выше, я создаю функцию с именем debounce. Затем я объявляю переменную тайм-аута. Затем я возвращаю и внутреннюю функцию и очищаю тайм-аут, если тайм-аут уже существует. Затем я вызываю функцию обратного вызова внутри функции setTimeout после определенной настраиваемой задержки. И я вызываю эту функцию устранения дребезга при каждом событии нажатия клавиши.
Это все для этой статьи. Если вам это нравится, поделитесь им, а если у вас есть какие-либо вопросы или предложения, оставьте свои комментарии ниже. Увидимся в следующий раз.
