Function debounce

Executes a function when it stops being invoked for n seconds. Usually used together with resize, scroll and keyup/keydown-events to improve application's performance.

Example:

   window.addEventListener(
       'resize',
       debounce(computationalHeavyFunction, 1000),
   );
Copy

This will call the computationalHeavyFunction once if the resize-event hasn't been sent for 1000 ms.

Example with immediate-flag:

   window.addEventListener(
       'resize',
       debounce(computationalHeavyFunction, 1000, true),
   );
Copy

This will call the computationalHeavyFunction once BEFORE the resize-event has finished, and thereafter will not be able to be called again until the timeout has finished