Блог

В следующей throttle функции, timeout в конечном итоге превращается в число, поскольку оно присваивается setTimeout . Я переопределяю его, false поскольку после его очистки код работает.

Я ничего не замечаю на первый взгляд, но интересно, есть ли какие-либо проблемы с выполнением действий таким образом или есть что-то, что я могу упустить?

 const throttle = (fn, delay) => {
  let timeout;

  return (...args) => {

    if(!timeout) { 
      timeout = setTimeout(() => {
        fn(...args);
        clearTimeout(timeout = false);
      }, delay);
    }

  }
};
 

Код:

 clearTimeout(timeout = false)
 

вычисляется как:

 timeout = false;
clearTimeout(timeout)
 

это означает, что вы вызываете clearTimeout(false) , и это неверно. clearTimeout() должен вызываться с идентификатором тайм-аута, возвращаемым setTimeout() .

Кажется, это работает, потому что вы вызываете clearTimeout() функцию, которая выполняется по истечении времени ожидания. Вызов clearTimeout() не работает, но время ожидания уже истекло, и JavaScript все равно его очищает.

Вызов clearTimeout() из обратного вызова по таймауту не требуется и не помогает. Цель clearTimeout() состоит в том, чтобы вызвать его до истечения времени ожидания, чтобы предотвратить выполнение обратного вызова, установленного с setTimeout() помощью .

Ваш код должен быть:

       timeout = setTimeout(() => {
        fn(...args);
        timeout = false;
      }, delay);