async/await内执行顺序

晨梦天旭

于 2019-02-28 11:14:27 发布

阅读量996

点赞数 1

分类专栏： js 文章标签： async/await

本文链接：https://blog.youkuaiyun.com/qq_40826764/article/details/88018788

版权

本文探讨了async/await在JavaScript中的执行顺序。通过代码示例展示了即使在并发执行时，async函数内的await操作仍会按照顺序进行，等待最慢的计时器完成。文章解释了这种现象的原因，并指出要实现特定的并发效果，应正确处理async函数。

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

前言

有好久没写博客了，主要是时间不够加上自己技术不够，最近开始校招。所以准备用写博客来总结一些技术点。今天在网上看到有人问到关于async/await 内的执行问题，所以自己看了一下官方文档。

正文

先贴出代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>async/await</title>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>

<body>
    <div id="app">
        <button @click="getResult">test promise</button>
        <button @click="getResult2">test async</button>
    </div>

    <script>
        new Vue({
            el: '#app',
            methods: {
                // setTimeout模拟网络延时
                getFoo() {
                    return new Promise((resolve, reject) => {
                        setTimeout(() => {

最低0.47元/天解锁文章