async 和 await

最新推荐文章于 2025-07-01 21:27:27 发布

原创最新推荐文章于 2025-07-01 21:27:27 发布 · 165 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用JavaScript的Promise和async/await语法实现延时的方法。通过定义一个名为sleep的函数，该函数接收一个参数作为等待的时间，并返回一个Promise对象。这个Promise在指定的延迟时间后解析，从而实现异步延时效果。文章通过实例展示了如何使用.then链式调用和async函数来控制异步流程，实现了递增的延时过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function sleep(wait) {
    return new Promise((res,rej) => {
        setTimeout(() => {
            res(wait);
        },wait);
    });
}

/*
let p1 = sleep(100);
let p2 = sleep(200);
let p =*/

sleep(100).then(result => {
    return sleep(result + 100);
}).then(result02 => {
    return sleep(result02 + 100);
}).then(result03 => {
    console.log(result03);
})

async function demo() {
    let result01 = await sleep(100);
    //上一个await执行之后才会执行下一句
    let result02 = await sleep(result01 + 100);
    let result03 = await sleep(result02 + 100);
    // console.log(result03);
    return result03;
}

demo().then(result => {
    console.log(result);
});