Throttling, debouncing, and batching asynchronous operations

Throttling is an operation in which requests are dropped until a certain time is reached. For example, for a 10 ms throttle timeout, once a request is made, no request in the next 10 ms will be sent. If multiple requests are made between 0 ms and 10 ms, only the last request will be sent after the 10 ms timeout expires.

In JavaScript, such a throttle function can be implemented as follows.

A higher-order function, throttle takes in an fn parameter and returns an executable function with the same input signature as the fn parameter.

When the “throttled” fn function is called, we set isThrottled = true in order to be able to discard calls between the first call and a configured timeout:

function throttle(fn, timeout) {
  let isThrottled = false;
  return (...args) => {
    isThrottled = true;
    return fn(...args);
  };
}

We...