typeScript的定义类型：不能将类型“Timeout”分配给类型“number”；

Typescript 给setTimeout 的返回值定义为 number并给于赋值时，会报如下错误：错误信息：`不能将类型“Timeout”分配给类型“number”`；其解决思路是查看当前环境下，对此方法的所定义的类型与引用；

wendyTan10

7979人浏览 · 2022-05-27 12:06:01

wendyTan10 · 2022-05-27 12:06:01 发布

Typescript 给setTimeout 的返回值定义为 number并给于赋值时，会报如下错误：
错误信息：不能将类型“Timeout”分配给类型“number”；
在这里插入图片描述
通过点击定位，发现setTimeout在当前项目下 Node.js 下的接口定义文件：
@types/node index.d.ts，这里当前的定义是Timerout类型

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

在这里插入图片描述
而这里的使用：clearTimeout需要的参数是Number类型

那么这里要做的是：

// 方法一：
// 定义的NodeJs.Timeout的类型
let timer: null| NodeJS.Timeout = null;
timer = setTimeout(() => {}, 1000);
// 清除的时候，转换为Number类型
clearTimeout(Number(timer));
// 方法二：
// 可直接使用window.setTimeout()的方法，返回的就直接是Nummber类型
let timer: number;
timer = window.setTimeout(() => {}, 1000);
clearTimeout(timer);