js sleep 实现方式

在JavaScript中，由于其单线程和事件驱动的特性，没有直接的sleep函数，但你可以通过一些方法模拟出类似的效果。最常见的方式是使用setTimeout或者setInterval，以及更现代的Promise和async/await语法来实现异步等待。下面是几种实现sleep函数的方法：

使用setTimeout

基本的setTimeout方法不直接返回等待完成的结果，但可以用于简单的延迟执行：

function sleep(ms) {
    setTimeout(() => {}, ms);
}

// 使用示例，但请注意这不会阻塞代码执行
console.log('Start sleeping');
sleep(2000);
console.log('This will be printed immediately, not after 2 seconds');

使用Promise

为了能够更好地控制异步流程，可以将setTimeout封装进一个返回Promise的函数中：

function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

// 使用示例，结合async/await
async function demo() {
    console.log('Start sleeping');
    await sleep(2000);
    console.log('Awake after 2 seconds');
}

demo();

在这个示例中，sleep函数返回一个Promise，当延时时间到达后，Promise会被resolve，从而允许通过await关键字在async函数内部等待这个异步操作完成。

基于Generator的实现（较旧的方法）

虽然现代JavaScript推荐使用async/await，但在ES6引入Generator函数之前，也可以通过这种方式模拟sleep效果：

function* sleep(ms) {
    yield new Promise(resolve => setTimeout(resolve, ms));
}

function run() {
    const gen = sleep(2000);
    gen.next().value.then(() => {
        console.log('Awake after 2 seconds');
    });
}

run();

这种方法不如async/await简洁，但在某些场景下仍然有用。

注意事项

• sleep函数的这些实现都是非阻塞的，意味着它们不会阻止其他JavaScript代码的执行。在事件循环中，它们会让出控制权，等待指定时间后再继续执行后续代码。
• 使用async/await可以使异步代码看起来更像是同步代码，提高可读性和可维护性。