async 异步代码同步化处理

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

二。async使用说明。java

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

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函数只是在函数内部是同步的，函数外仍是异步执行的。async

四。对比promise同步的实现。函数

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