什么是Promise async await我们用它来做什么?

js异步回调Async/Await与Promise区别

语言都是在不断发展和完善的， 从同步到异步， 异步 中的一般的异步方法回调 等再到promise, promise 中then使用也是比较烦， 现在也出来了asycn 和await 关键字， 让代码更加的简洁， 让异步编程做起来根由同步的感觉。 这两个关键字和 python 3.5 之后出来的用于异步的asnyc await 简直是一模一样， 让我这 Python 开发者感觉到好亲切。async await 是es7 规范出来的。promise 是 Es6 中出来的。 话说回来 async await 不是和promise相斥的。 这连个关键字是在promise 之上的， 就像Python中 也不是和yieldfrom 相对的。 async await 是配合promise 使 js的异步更加完美。

Promise，我们了解到promise是ES6为解决异步回调而生，避免出现这种回调地狱，那么为何又需要Async/Await呢？ 让我们一点点来分析

什么是Async/Await?

async/await是写异步代码的新方式，以前的方法有回调函数和Promise。 async/await是基于Promise实现的，它不能用于普通的回调函数。 async/await与Promise一样，是非阻塞的。 async/await使得异步代码看起来像同步代码，这正是它的魔力所在。

Async/Await语法

示例中，getJSON函数返回一个promise，这个promise成功resolve时会返回一个JSON对象。我们只是调用这个函数，打印返回的JSON对象，然后返回”done”。

使用Promise是这样的:

const makeRequest = () =>
  getJSON()
    .then(data => {
      console.log(data)
      return "done"
    })

makeRequest()

使用Async/Await是这样的:

const makeRequest = async () => {
  console.log(await getJSON())
  return "done"
}

makeRequest()

它们有一些细微不同:

函数前面多了一个aync关键字。await关键字只能用在aync定义的函数内。async函数会隐式地返回一个promise，该promise的reosolve值就是函数return的值。(示例中reosolve值就是字符串”done”) 第1点暗示我们不能在最外层代码中使用await，因为不在async函数内。 await getJSON()表示console.log会等到getJSON的promise成功reosolve之后再执行。

// 不能在最外层代码中使用await
await makeRequest()

// 这是会出事情的 
makeRequest().then((result) => {
  // 代码
})