// })
} catch (err) {
console.log(err);
}
};
使用 async/await 的话，catch 能处理 JSON.parse 错误:
const makeRequest = async () => {
try {
// this parse may fail
const data = JSON.parse(await getJSON());
console.log(data);
} catch (err) {
console.log(err);
}
};3. 条件语句
下面示例中，需要获取数据，然后根据返回数据决定是直接返回，还是继续获取更多的数据。
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;
}
});
};这些代码看着就头痛。嵌套（6 层），括号，return 语句很容易让人感到迷茫，而它们只是需要将最终结果传递到最外层的 Promise。
上面的代码使用 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;
}
};4. 中间值
你很可能遇到过这样的场景，调用 promise1，使用 promise1 返回的结果去调用 promise2，然后使用两者的结果去调用 promise3。你的代码很可能是这样的:
const makeRequest = () => {
return promise1().then(value1 => {
return promise2(value1).then(value2 => {
return promise3(value1, value2);
});
});
};如果 promise3 不需要 value1，可以很简单地将 promise 嵌套铺平。如果你忍受不了嵌套，你可以将 value 1 & 2 放进 Promise.all 来避免深层嵌套：
const makeRequest = () => {
return promise1()
.then(value1 => {
return Promise.all([value1, promise2(value1)]);
})
.then(([value1, value2]) => {
return promise3(value1, value2);
});
};这种方法为了可读性牺牲了语义。除了避免嵌套，并没有其他理由将 value1 和 value2 放在一个数组中。
使用 async/await 的话，代码会变得异常简单和直观。
const makeRequest = async () => {
const value1 = await promise1();
const value2 = await promise2(value1);
return promise3(value1, value2);
};5. 错误栈
下面示例中调用了多个 Promise，假设 Promise 链中某个地方抛出了一个错误:
