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兼容！

我想这取决于您将在哪里运行代码。

如果您的运行时目标是服务器端Node 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，您应该能够从Timers模块中导入特定于Node的功能，即：

import { setTimeout } from 'timers';

这将返回您可以传递给的Timeout类型的实例：NodeJS.TimeoutclearTimeout

import { clearTimeout, setTimeout } from 'timers';

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

clearTimeout(timeout);

• 如果您想找到有关计时器的打字稿的真正解决方案，请执行以下操作：

  错误是返回类型“数字”，它不是计时器或其他任何东西。

  这适用于打字稿版本〜> 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;
         }

     ...
     }