async 异步代码同步化处理

关注

原创最新推荐文章于 2026-05-23 10:39:16 发布 1.4k 阅读 AI 写同款· GEO 优化 ›

JS 中for循环中异步变为同步的使用知识点：在项目中有些逻辑或者请求依赖另一个异步请求，大家常用的方法是回调函数。现在有个高大上的解决方案：await async 。 async 是“异步”的简写，而 await 可以认为是 async wait 的简写。所以应该很好理解 async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成。并且await 只能出现在 async 函数中，否则会报错。 async作用：当调用一个 async 函数时，会返回一个 Promise 对象。当这个 async 阅读详情

一。async就是 Generator 函数的语法糖。

二。async使用说明。

（1）函数前面加上async字段。例如：

async function asyncFunction() {} 
    // or
let asyncFunction = async function () {}

（2）在需要同步的函数前面加上await字段使其同步。对于await同步的表达式需要返回Promise。返回Promise.resolve()则继续往下执行，返回Promise.reject()则报错不再继续执行。我们可以使用try {} catch (e) {} 将错误进行捕获。需要依次成功执行的放在try里面就可以了。例：

async function asyncFunction() {
        try {
            await cesOne()
            await cesTwo()
            return await '3'
        } catch (e) {
            console.log(e)
        }
    }

    function cesOne() {
        return new Promise((resolve, reject) => {
            setTimeout(() => {
                console.log('1')
                resolve('第一步') // 如果返回的是reject，try里面余下的步骤不再走。
            }, 1010)
        })
    }

    function cesTwo () {
        return new Promise((resolve, reject) => {
            setTimeout(() => {
                console.log('2')
                resolve('第二步') // 如果返回的是reject，try里面余下的步骤不再走。
            }, 100)
        })
    }

asyncFunction().then((result) => {
  console.log(result)
})
// 依次输出：1 2 3

三。其他说明：async函数只是在函数内部是同步的，函数外还是异步执行的。

四。对比promise同步的实现。

promise同步实现是通过 then 里面进行调用实现的同步，看起来是链式结果，不如async 这样一步一步的执行看起来符合逻辑。

收录于