Debouncing in LWC

debounce.js

/* eslint-disable @lwc/lwc/no-async-operation */

export default class Debounce extends LightningElement {
  doApiCallDebounced;

  connectedCallback() {
    // generate the debounce handler
    this.doApiCallDebounced = this.debounce(this.doApiCall, 1000);
  }

  // called directly from onchange of the input
  handleSearchInputChange(event) {
    // avoid sending the event
    // since they can become null in async calls
    this.doApiCallDebounced(event.detail.value);
  }

  doApiCall(searchStr) {
    // makes the actual api call
    // and needs to be debounced
  }

  debounce(callback, time) {
    let interval;
    const self = this;
    return function (...args) {
      clearTimeout(interval);
      interval = setTimeout(function () {
        interval = null;
        callback.bind(self)(...args);
      }, time);
    };
  }
}