迹忆客 专注技术分享

在实现业务逻辑时，经常需要给函数添加延迟或者休眠一段时间等待某个 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');
})();