Как перезапустить таймер с теми же функцией и параметрами, но новым временем?

Question

[Getaxe]

Есть функция и параметры переданные в setTimeout

function testFunc(param1:string, param2:string) {
    console.log(param1)
    console.log(param2)
}

Как мне вытащить из него правильно функцию и параметры, и передать далее?
В js это реализуемо так:

const timer1 = setTimeout(testFunc, 5000, 'asd', 'qwe')
const timer2 = setTimeout(timer1._onTimeout, 10000, timer1._timerArgs[0], timer1._timerArgs[1])
clearTimeout(timer1)

Но ts не позволяет подобного
Вопрос - как сделать нечто подобное, учитывая что 2 таймер не видит ни функцию testFunc, ни параметры переданные в нее, ибо находится в другом ивенте

Comments

[WbICHA]

Сделай свою обёртку. К тому же это явно удобнее.

const createTimeout = (fn, timeout, ...args) => {
    let isInvoked = false
    
    const timeoutFn = () => {
      if(isInvoked) {
        return;
      }
      
      isInvoked = true
      
      fn(...args)
    }
    
    let timeoutId = setTimeout(timeoutFn, timeout);
    
    return {
      isInvoked: () => isInvoked,
      reset: (newTimeout = timeout) => {
        if(isInvoked) {
          return false;
        }
        
        clearTimeout(timeoutId);
        
        timeoutId = setTimeout(timeoutFn, newTimeout);
        
        return true;
      }
    }
  }
  
  const t = createTimeout(() => console.log(1), 100)
  t.reset(1000)

Answer 1

[Антон Горецкий]

Чтобы выполнить перезапуск таймера в TypeScript, вы не сможете использовать свойства, такие как _onTimeout и _timerArgs, поскольку они не являются частью стандартного API и обычно не доступны для типобезопасного кода. В TypeScript (и в JavaScript в целом) для более чистого подхода рекомендуется создать обёртку для таймера, которая будет управлять поведением и позволит перезапустить таймер с новым временем.
Попробуйте так:

function restartTimer(
  originalFunc: (...args: any[]) => void,
  newDelay: number,
  ...args: any[]
): number {
  clearTimeout(timerId); // timerId должен быть доступен в области видимости
  return setTimeout(originalFunc, newDelay, ...args);
}

// Используйте так:
let timerId: number; // Храните timerId в доступном месте

function testFunc(param1: string, param2: string) {
  console.log(param1);
  console.log(param2);
}

// Запуск таймера
timerId = setTimeout(testFunc, 5000, 'asd', 'qwe');

// В нужный момент перезапустить таймер с новым временем. Например, с 10000 мс.
timerId = restartTimer(testFunc, 10000, 'asd', 'qwe');

Важно отметить, что переменная timerId должна быть доступна для функции restartTimer, чтобы она могла очистить предыдущий таймер перед запуском нового.

Comments

[Getaxe]

Отмечу решением только потому, что считаю, что ответ на мой вопрос имеется.

А именно - нельзя достать эти аргументы напрямую в TS, и нужно придумывать, как вы выразились, обертку.
Ваш пример мне не совсем подходит, ибо передать в restartTimer те же поля я не могу, по причине того, что я их не знаю, но можно сделать доп переменную, которая будет менять поведение функции таймера.

p.s. Спасибо за ответ, JS знаю в совершенстве, особенности TS'a учу)

p.p.s. Для тех, кому может понадобиться - пример:

function testFunc(param1: string, param2: string, isExtraTime:boolean) {
  const isExtendTime = true // Получить поле, которое хранится в JSON файле или в DB.
  if(isExtendTime && !isExtraTime) { // С рассчетом на одноразовое продление
    setTimeout(testFunc, 10000, 'asd', 'qwe', true);  // Продление таймера, если необходимо
    return;
  }
  console.log(param1);
  console.log(param2);
}

// Запуск таймера
setTimeout(testFunc, 5000, 'asd', 'qwe', false);

Если я правильно вас понял, и трактовал, подайте пожалуйста какой-нибудь знак, если же нет, то, пожалуйста, поправьте.