¿Qué es debounce?

Debounce — es una técnica de programación que limita la frecuencia con la que se llama a una función. Se usa para que la función se ejecute solo después de que haya pasado un tiempo determinado desde la última llamada. Esto es útil, por ejemplo, al manejar eventos de entrada del usuario (como al escribir texto), para no llamar a la función en cada pulsación de tecla, sino solo después de que el usuario deje de escribir.

Ejemplo en 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 finalizada');
}, 300);

inputElement.addEventListener('input', onInput);