timeout 类型

e98475454c0f7557e50f1166a13d347e.png

在 TypeScript 中,timeout 类型通常指的是用于表示定时器的 ID。根据不同的环境(如浏览器或 Node.js),setTimeout 返回的 ID 类型可能会有所不同。以下是如何在不同环境中定义 timeout 类型的示例。

在浏览器环境中

在浏览器中,setTimeout 返回的是一个 number 类型的 ID。你可以这样定义:

let timeoutId: number;


timeoutId = window.setTimeout(() => {
    console.log("This will run after 1 second");
}, 1000);


// 清除定时器
clearTimeout(timeoutId);

在 Node.js 环境中

在 Node.js 中,setTimeout 返回的是一个 NodeJS.Timeout 类型的对象。你可以这样定义:

let timeoutId: NodeJS.Timeout;


timeoutId = setTimeout(() => {
    console.log("This will run after 1 second");
}, 1000);


// 清除定时器
clearTimeout(timeoutId);

兼容性定义

如果你的代码需要在浏览器和 Node.js 中都能运行,你可以使用条件类型来定义一个兼容的 timeout 类型。例如:

type TimeoutId = NodeJS.Timeout | number;


let timeoutId: TimeoutId;


if (typeof window !== "undefined") {
    timeoutId = window.setTimeout(() => {
        console.log("This will run after 1 second");
    }, 1000);
} else {
    timeoutId = setTimeout(() => {
        console.log("This will run after 1 second");
    }, 1000);
}


// 清除定时器
clearTimeout(timeoutId);

总结

•在浏览器中,timeout 类型是 number。•在 Node.js 中,timeout 类型是 NodeJS.Timeout。•你可以根据环境使用条件类型来兼容不同的环境。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值