TypeScript 中的睡眠
Shuvayan Ghosh Dastidar
2023年1月30日
2022年5月18日
在实现业务逻辑时,经常需要给函数添加延迟或者休眠一段时间等待某个 API 调用。
本教程将讨论在 TypeScript 中休眠线程的不同方式和概念。
在 TypeScript 中使用阻塞来休眠线程
阻塞可用于以同步方式等待一段时间。下面的代码示例演示了如何阻止线程,以便在几秒钟后执行。
function delayBlocking(milliseconds: number){
const timeInitial : Date = new Date();
var timeNow : Date = new Date();
for ( ; timeNow - timeInitial < milliseconds; ){
timeNow = new Date();
}
console.log('Sleep done!');
}
console.log('Starting, will sleep for 5 secs now');
delayBlocking(5000);
console.log('Normal code execution continues now');
输出:
Starting, will sleep for 5 secs now
Sleep done!
Normal code execution continues now
上面的代码段肯定会停止执行一段时间,但有时这并不是想要的效果,因为延迟很大,整个代码都会被阻塞。
在 TypeScript 中使用 Promise 休眠
setTimeout
函数用于在一些延迟后解决 Promise
。此方法可以与 then
或 async...await
链接。以下代码段显示了 then
的行为。
function delay(milliseconds : number) {
return new Promise(resolve => setTimeout( resolve, milliseconds));
}
console.log('Starting, will sleep for 5 secs now');
delay(5000).then(() => console.log('Normal code execution continues now') );
使用 async..await
它可以根据以下代码段实现-
function delay(milliseconds : number) {
return new Promise(resolve => setTimeout( resolve, milliseconds));
}
( async() => {
console.log('Starting, will sleep for 5 secs now');
await delay(5000);
console.log('Normal code execution continues now');
})();
Author: Shuvayan Ghosh Dastidar