TypeScript 中的睡眠

Shuvayan Ghosh Dastidar 2023年1月30日 2022年5月18日
  1. 在 TypeScript 中使用阻塞来休眠线程
  2. 在 TypeScript 中使用 Promise 休眠
TypeScript 中的睡眠

在实现业务逻辑时,经常需要给函数添加延迟或者休眠一段时间等待某个 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。此方法可以与 thenasync...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');
})();
Shuvayan Ghosh Dastidar avatar Shuvayan Ghosh Dastidar avatar

Shuvayan is a professional software developer with an avid interest in all kinds of technology and programming languages. He loves all kinds of problem solving and writing about his experiences.

LinkedIn Website