async 和 await 是 ES6 引入的关键字,用于异步编程。

• async 用于声明一个函数为异步函数,异步函数的返回值会被隐式地Promise.resolve()包装。这样 asyn函数就会返回一个Promise对象,可以像其他Promise对象一样使用.then()和.catch()。
• await 只能在async函数内部使用,且只能等Promise对象的结果。遇到await,异步函数会暂停执行,等待Promise的结果,再恢复异步函数的执行并返回解析值。如果Promise变为reject状态,会抛出异常,需要通过catch捕获处理。

async和await的区别:

• async用于定义一个函数,表示其内部有异步操作。async函数返回的永远是一个Promise对象。
• await用于等待一个Promise对象的resolve,并获取resolve的值。await必须在async函数内部使用,而async函数返回的总是一个Promise对象

示例代码：

async function test() {
  console.log('test start')
  let value = await Promise.resolve('await value')
  console.log(value)
  console.log('test end')
}

console.log('1')
test()
console.log('2')

输出结果：

1
test start
2
await value
test end

执行时序图：

从执行结果和执行时序图可以看出，程序是按顺序执行的，但是在执行test函数时，await会等待Promise.resolve异步执行完成后返回结果再继续执行test函数后面的语句。

总结

async 和 await 让异步代码看起来像同步代码，大大提高了异步编程的可读性和开发体验。async 定义异步函数，await 在异步函数中等待异步操作的完成。