How to implement sleep function in TypeScript?

在TypeScript中，实现一个 sleep 函数是相当简单的。sleep 函数通常用于暂停代码执行一定时间。这在JavaScript或TypeScript中通常通过使用 Promise 结合 setTimeout 函数来实现。这里，我将向您展示一个简单的例子，然后解释其工作原理。

TypeScript中的Sleep函数实现

首先，让我们创建一个 sleep 函数，它接受一个参数：暂停的时间（以毫秒为单位）。

typescript
function sleep(ms: number): Promise<void> {
    return new Promise(resolve => setTimeout(resolve, ms));
}

如何使用这个函数

您可以这样使用上面定义的 sleep 函数：

typescript
async function demo() {
    console.log('处理一些事情...');
    await sleep(2000); // 等待2秒
    console.log('两秒后，继续执行其他任务');
}

demo();

工作原理

1. 定义函数:
   • 我们定义了一个名为 sleep 的函数，它接收一个参数 ms，用来表示暂停的时间（以毫秒为单位）。
2. 创建Promise:
   • 函数返回一个新的 Promise。Promise构造器接受一个执行器函数，它拥有两个参数：resolve 和 reject。在这里，我们只用到了 resolve。
3. setTimeout:
   • 在Promise内部，我们调用 setTimeout 函数。setTimeout 也是异步的，并在指定的时间后执行一个回调函数。在这里，我们的回调函数是 resolve，这意味着它会在指定时间后解决（即完成）Promise。
4. 等待Promise解决:
   • 外部函数 demo 是一个异步函数，这使得我们可以在其中使用 await 关键字。通过 await sleep(2000);，我们实质上是在说：“在这里暂停执行，等待2秒钟，然后继续执行后面的代码。”

这种通过使用 Promise 和 setTimeout 的方式可以很方便地在任何需要的地方暂停函数的执行，这在处理异步逻辑或模拟长时间运行的任务时非常有用。