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：タイプ 'Timer'はタイプ 'number'に割り当てることができません。

変数宣言に影響を与えない別の回避策：

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);

私は同じ問題に直面し、私たちのチームが使用することを決めた回避策は、タイマータイプに「any」を使用することでした。例えば：

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

setTimeout / setInterval / clearTimeout / clearIntervalメソッドの両方の実装で動作します。

これは古いバージョンでも動作する可能性がありますが、TypeScriptバージョン^3.5.3とNode.jsバージョン^10.15.3では、タイマーモジュールからノード固有の関数をインポートできるはずです。

import { setTimeout } from 'timers';

それはあなたが渡すことができるタイプのタイムアウトのインスタンスを返します：NodeJS.TimeoutclearTimeout

import { clearTimeout, setTimeout } from 'timers';

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

clearTimeout(timeout);

• ここでタイマーに関するタイプスクリプトの実際の解決策が必要な場合は、次のようにします。

  バグは戻り値型 'number'にあり、Timerやその他のものではありません。

  これはtypescriptsバージョン〜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;
         }

     ...
     }