TypeScript中使用setTimeout()函数的返回类型是什么
在 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
。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » TypeScript中使用setTimeout()函数的返回类型是什么
码云笔记 » TypeScript中使用setTimeout()函数的返回类型是什么