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

wendyTan10

已于 2022-05-27 14:50:27 修改

阅读量1w

点赞数 11

分类专栏： typeScript 文章标签： typescript javascript 前端

于 2022-05-27 12:06:01 首次发布

本文链接：https://blog.csdn.net/weixin_42369598/article/details/125000346

版权

typeScript 专栏收录该内容

8 篇文章

订阅专栏

本文探讨了在Typescript中使用setTimeout时遇到的类型不匹配问题，即其返回值与clearTimeout期望的类型不符。介绍了两种解决方法：一是通过定义NodeJS.Timer类型变量并转换为Number类型；二是直接使用window.setTimeout来规避此问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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