TypeScript-使用setTimeout的正确版本（节点vs窗口）

Question

我正在努力升级一些旧的TypeScript代码，以使用最新的编译器版本，我在调用setTimeout时遇到了麻烦。代码期望调用浏览器的setTimeout函数，该函数返回一个数字：

setTimeout（处理程序：（…参数：任意[]）=

但是，编译器正在将其解析为节点实现，它返回一个NodeJS。计时器：

setTimeout（回调：（…参数：任意[]）=

这段代码没有在节点中运行，但是节点类型作为对其他东西的依赖被拉进来（不确定是什么）。

如何指示编译器选择我想要的setTimeout版本？

以下是相关代码：

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

这将产生编译器错误：




Answer 1

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

如果您的运行时目标是服务器端节点JS，请使用：

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

如果运行时目标是浏览器，请使用：

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

Answer 2

2021更新

Akxe的答案建议返回

let n: ReturnType<typeof setTimeout>;
n = setTimeout(cb, 500);

它很好，似乎比显式铸造更受欢迎。但这种情况下"n"的结果类型是"NodeJS. Timeout"，可以按如下方式使用：

let n: NodeJS.Timeout;
n = setTimeout(cb, 500);

Timeout方法的唯一问题是在浏览器特定环境中的数字操作仍然需要强制转换：

if ((n as unknown as number) % 2 === 0) {
  clearTimeout(n);
}

原始答案

不影响变量声明的变通方法：

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

此外，在特定于浏览器的环境中，可以使用窗口对象，而无需强制转换：

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

Answer 3

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

clearTimeout(timer);

通过使用ReturnType

好消息，这也与Deno兼容！