TypeScript - используйте правильную версию setTimeout (узел против окна)

Я работаю над обновлением некоторого старого кода TypeScript для использования последней версии компилятора, и у меня возникли проблемы с вызовом setTimeout. Код ожидает вызова функции браузера, setTimeoutкоторая возвращает число:

setTimeout(handler: (...args: any[]) => void, timeout: number): number;

Однако компилятор решает это вместо реализации узла, который возвращает NodeJS.Timer:

setTimeout(callback: (...args: any[]) => void, ms: number, ...args: any[]): NodeJS.Timer;

Этот код не запускается в узле, но типы узлов втягиваются как зависимость от чего-то еще (не знаю, что именно).

Как я могу указать компилятору выбрать нужную setTimeoutмне версию ?

Вот рассматриваемый код:

let n: number;
n = setTimeout(function () { /* snip */  }, 500);

Это вызывает ошибку компилятора:

TS2322: Тип «Таймер» не может быть назначен типу «Число».

Другой обходной путь, не влияющий на объявление переменной:

let n: number;
n = <any>setTimeout(function () { /* snip */  }, 500);

Кроме того, должно быть возможно использовать windowобъект явно без any:

let n: number;
n = window.setTimeout(function () { /* snip */  }, 500);

let timer: ReturnType<typeof setTimeout> = setTimeout(() => { ... });

clearTimeout(timer);

Используя, ReturnType<fn>вы получаете независимость от платформы. Вы не будете вынуждены использовать, anyи window.setTimeoutэто не сломается, если вы запустите код без сервера nodeJS (например, страницу, отображаемую на стороне сервера).

Хорошие новости, он также совместим с Deno!

Я думаю, это зависит от того, где вы будете запускать свой код.

Если вашей целевой средой выполнения является узел JS на стороне сервера, используйте:

let timeout: NodeJS.Timeout;
global.clearTimeout(timeout);

Если вашей целевой средой выполнения является браузер, используйте:

let timeout: number;
window.clearTimeout(timeout);

Скорее всего, это будет работать со старыми версиями, но с версией TypeScript и версией ^3.5.3Node.js ^10.15.3вы должны иметь возможность импортировать специфичные для Node функции из модуля Timers , то есть:

import { setTimeout } from 'timers';

Это будет возвращать экземпляр таймаута типа , NodeJS.Timeoutкоторый вы можете перейти к clearTimeout:

import { clearTimeout, setTimeout } from 'timers';

const timeout: NodeJS.Timeout = setTimeout(function () { /* snip */  }, 500);

clearTimeout(timeout);

Я столкнулся с той же проблемой, и наша команда решила использовать обходной путь - просто использовать «любой» для типа таймера. Например:

let n: any;
n = setTimeout(function () { /* snip */  }, 500);

Он будет работать с обеими реализациями методов setTimeout / setInterval / clearTimeout / clearInterval.

• Если вы хотите реальное решение для машинописного текста о таймерах, мы идем:

  Ошибка в возвращаемом типе «число», это не таймер или что-то еще.

  Это решение для машинописных версий версии ~> 2.7:

export type Tick = null | number | NodeJS.Timer;

Теперь мы все исправили, просто объявим вот так:

 import { Tick } from "../../globals/types";

 export enum TIMER {
    INTERVAL = "INTERVAL",
    TIMEOUT = "TIMEOUT", 
 };

 interface TimerStateI {
   timeInterval: number;
 }

 interface TimerI: TimerStateI {
   type: string;
   autoStart: boolean;
   isStarted () : bool;
 }

     class myTimer extends React.Component<TimerI, TimerStateI > {

          private myTimer: Tick = null;
          private myType: string = TIMER.INTERVAL;
          private started: boll = false;

          constructor(args){
             super(args);
             this.setState({timeInterval: args.timeInterval});

             if (args.autoStart === true){
               this.startTimer();
             }
          }

          private myTick = () => {
            console.log("Tick");
          }    

          private startTimer = () => {

            if (this.myType === TIMER.INTERVAL) {
              this.myTimer = setInterval(this.myTick, this.timeInterval);
              this.started = true;
            } else if (this.myType === TIMER.TIMEOUT) {
              this.myTimer = setTimeout(this.myTick, this.timeInterval);
              this.started = true;
            }

          }

         private isStarted () : bool {
           return this.started;
         }

     ...
     }

Если вы нацеливаетесь setIntervalна window. Тогда вы также можете написать это как

let timerId: number = setInterval((()=>{
    this.populateGrid(true)
  }) as TimerHandler, 5*1000)
}