async和await
async/await是一种编写异步代码的新方法，之前编写异步代码的计划是回折衷promise
async/await实际上是建立在promise的基础上，它不能与一般回调或许node回调一升引
async/await像promise一样，也黑白壅塞的
async/await让异步代码看起来、表现起来更像同步代码，这正是其威力地点
语法(对照promise)
假定函数getJSON返回一个promise，而该promise的完成值是一个JSON对象，我们只想挪用它，并输出该JSON，然后返回“done”
promise的完成
const makeRequest = ()=>{
getJSON().then(
data => {
console.log(data)
return "done"
}
)
}
makeRequest()async、await的完成
const makeRequest = async ()=>{
console.log(await get.JSON())
return "down"
}
makeRequest()async、await与Promise的区分
函数前面有一个关键字 async。await 关键字只用在用 async 定义的函数内。一切 async 函数都邑隐式返回一个 promise，而 promise 的完成值将是函数的返回值（本例中是 “done”）。
上面一点暗示我们不能在代码的顶层用 await，由于如许就不是在 async 函数内。
await getJSON() 意味着 console.log 挪用会一向守候，直到 getJSON() promise 完成并打印出它的值。
async/await的上风
简约清洁
我们没必要写 .then，建立一个匿名函数来处置惩罚相应，或许给不须要用的变量一个称号 data。我们还避免了代码嵌套。这些小小的上风会疾速积累起来，在背面的代码中会变得更显著。
毛病处置惩罚
async/await 会终究让我们用一样的构造（ try/catch）处置惩罚同步和异步代码变成能够。在下面运用 promise 的示例中，假如 JSON.parse 失利的话，try/catch 就不会处置惩罚，由于它是发作在一个 prmoise 中。我们须要在 promise 上挪用 .catch，而且反复毛病处置惩罚代码。这类毛病处置惩罚代码会比可用于临盆的代码中的 console.log 更庞杂。
const makeRequest = () => {
try {
getJSON().then(
result => {
// 这里发作毛病
const data = JSON.parse(result)
console.log(data)
}).catch((error)=>{
console.log(error)
})
} catch (err) { // 这里不会捕捉到err
console.log(err)
}
}如今看看用 async/await 完成的代码。如今 catch 块会处置惩罚剖析毛病。
const makeRequest = async () => {
try { // 这个剖析会失利
const data = JSON.parse(await getJSON())
console.log(data)
}
catch (err) {
console.log(err)
}
}前提语句
假定想做像下面的代码一样的事变，猎取一些数据，并决议是不是应当返回该数据，或许依据数据中的某些值猎取更多的细节。
const makeRequest = () => {
return getJSON()
.then(data => {
if (data.needsAnotherRequest) {
return makeAnotherRequest(data)
.then(moreData => {
console.log(moreData)
return moreData
})
} else {
console.log(data)
return data
}
})
}这些代码看着就让人头疼。它只需将终究效果传播到主 promise，却很轻易让我们丢失在嵌套（ 6 层）、大括号和返回语句中。
把这个示例用async / await 重写，就变得更易于浏览。
const makeRequest = async () => {
const data = await getJSON()
if (data.needsAnotherRequest) {
const moreData = await makeAnotherRequest(data);
console.log(moreData)
return moreData
} else {
console.log(data)
return data
}
}中心值
你能够发明本身处于一种状况，即挪用你 promise1，然后用它的返回值来挪用promise2，然后运用这两个 promise 的效果来挪用 promise3。你的代码极能够看起来像如许：
const makeRequest = () => {
return promise1()
.then(value1 => {
// do something
return promise2(value1)
.then(value2 => {
// do something
return promise3(value1, value2)
})
})
}不过用 async/await 的话，一样的逻辑就变得超等简朴直观了。
const makeRequest = async () => {
const value1 = await promise1()
const value2 = await promise2(value1)
return promise3(value1, value2)
}调试
末了然则一样主要的是，在运用 async/await 时，一个杀手级上风是调试更轻易。调试 promise 一向是云云痛楚，有两个缘由：
没法在返回表达式（无函数体）的箭头函数中设置断点。
const makeRequest = () =>{
return callAllPromise()
.then(()=> callAllPromise())
.then(()=> callAllPromise())
.then(()=> callAllPromise())
.then(()=> callAllPromise())
}假如在.then块中设置断点，并运用像单步调试这类调试快捷方式，调试器不会移动到背面的 .then ，由于它只单步调试同步代码。
有了 async/await，我们就不再须要那么多箭头函数，您能够像一般的同步挪用一样单步调试 await 挪用。
const makeRequest = async ()=>{
await callAllPromise()
await callAllPromise()
await callAllPromise()
await callAllPromise()
}