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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐