js同步执行两个函数

JavaScript异步执行顺序与Promise

最新推荐文章于 2024-07-14 14:30:57 发布

原创最新推荐文章于 2024-07-14 14:30:57 发布 · 154 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言 #ecmascript

该篇博客探讨了JavaScript中异步操作的执行顺序，通过示例展示了Promise的使用以及async/await如何控制test1()和test2()的执行流程。在test3()函数中，先等待test1()完成，然后打印其结果，最后执行test2()，整个过程清晰地揭示了异步编程的概念。

先执行test1()，再执行test2：

function test1() {
    return new Promise(resolve => {
        setTimeout(() => resolve("test1"), 2000);
    });
}

function test2() {
    console.log("test2");
}

async function test3() {
    const result = await test1();
    console.log(result);
    test2();
}

test3();
console.log('end');

输出：

> end

> test1

> test2

js在线编辑器： https://jsrun.net/new