在 TypeScript 项目中,常常会用到setTimeout()
函数,比如设置等待时间之后显示目标内容。setTimeout
是一个计时器,创建一个计时器之后,会返回一个计时器 id
,这个id
是number
类型,但是如果给setTimeout
的返回类型直接指定number
类型,类型检查器
有时也会报错,这说明number
类型不一定准确,那么应该怎么标识setTimeout
的返回类型呢,有以下几种方式:
使用 ReturnType 推断类型
不需要知道setTimeout
返回类型是什么,使用ReturnType
可以简单方便地推断出来:
const timer: ReturnType<typeof setTimeout> = setTimeout(() => { // do something... }, 3000)
使用 number 作为返回类型
由于setTimeout()
的返回值是一个数字类型的id
,使用number
作为返回类型将仅仅在JavaScript
环境下是正确的。比如:
const timer: number = setTimeout(() => { // do something... }, 3000);
在Node.js
中,可能会遇到这样的错误:”Type 'Timer' is not assignable to type 'number'
“。这是因为在Node.js
中setTimeout()
返回的是一个Timer
对象而不是一个数字类型的id
。为了解决这个问题,可以使用Timer
、类型推断
作为返回类型,或者也可以使用window.setTimeout()
代替setTimeout()
,因为window.setTimeout()
会返回数字类型的id
。