O que é debounce?

Debounce — é uma técnica de programação que limita a frequência de chamada de uma função. É usada para que a função seja executada apenas após um determinado tempo desde a última chamada. Isto é útil, por exemplo, ao lidar com eventos de entrada do utilizador (por exemplo, ao digitar texto), para não chamar a função a cada tecla pressionada, mas apenas depois de o utilizador parar de digitar.

Exemplo em JavaScript:

function debounce(func, delay) {
  let timeoutId;
  return function(...args) {
    clearTimeout(timeoutId);
    timeoutId = setTimeout(() => func.apply(this, args), delay);
  };
}

const onInput = debounce(() => {
  console.log('Entrada concluída');
}, 300);

inputElement.addEventListener('input', onInput);