关于async/await

async/await是什么？

简单来说async/await是Promise的语法糖，async是异步的意思，await是等待的意思。async function 声明一个函数里面可能有异步代码需要执行，await则可以认为是等待一个异步方法执行完成。

async/await的用法

let people = {}
function getPeople1() {
    return new Promise((resolve, reject) => {
    //异步代码
        setTimeout(() => {
            data = { name: '张三', sex:'男' }
            resolve()
        }, 1000)
    })

}
function getPeople2() {
    return new Promise((resolve, reject) => {
    //异步代码
        setTimeout(() => {
            data = { name: 'lily', sex:'女' }
            resolve()
        }, 2000)
    })

}

function showPeople() {
    console.log(`正在展示获取到的数据:${JSON.stringify(people)}`);
}

async function handle() {
    await getPeople1()
    await getPeople2()
    showPeople()
}

handle()

在上面的代码中可以看到getPeople1和getPeople2两个函数中都有异步代码，用async/await来解决的话和在函数体内和使用then链解决一样，都需要return出一个Promise。不同的点就在于async新定义了一个异步函数，getPeople1和getPeople2两个函数在异步函数里面调用，然后在两个函数前面都加上await。

async/await的特点

• async函数调用会返回一个Promise对象。

async function handle() {
    return 'hi'
}
const res = handle()
console.log(res);

执行结果：

• await 必须写在 async 函数里面。
  async和await是配套使用的，await规定了要写在 async里面。
• await 会阻塞下一行代码的执行，封装了Promise.then()。
  需要耗时的代码都是异步代码，await加在了有异步代码的函数前面，一定要等这个函数执行完毕了才会执行下面的代码，要不然就解决不了异步代码挂起的问题了。
• await也会返回出一个Promise对象。

//await
function await() { 
  return Promise.resolve().then(() => {   
  })
}

async/await的优点——和Promise比较

• 同步代码编写方式，能处理由多个Promise组成的 then 链，async/await从上到下顺序执行，更符合编写习惯。
• 同步代码和异步代码可以一起编写，用Promise最好将同步代码和异步代码放在不同的then节点中，结构更加清晰，而用async/await整个书写习惯都是同步的，不需要纠结同步和异步的区别。
• 语法简洁清晰，节省了很多不必要的匿名函数。
• 减少不必要的中间变量，更清晰明确的错误堆栈。