使用 async/await 优化异步编程

理解 JavaScript 的 async/await
ECMAScript 6 入门 - async 函数
ECMAScript 6 入门 - Generator 函数的异步应用

回调函数

---

使用回调函数的传统异步编程有可能嵌套多层回调函数，当嵌套真的多到一定程度时，视觉效果和维护难度都是地狱级的灾难，这也就是为什么会把多层回调嵌套叫做回调地狱。多个异步操作形成强耦合，看着不知所云，改起来头晕目眩，是人都要崩溃了。

fetch(urlA, function (data) {
  fetch(urlB, function (data) {
    // ... 不停地在回调函数中再写新的回调函数
  });
});

Promise

---

一、特点

将回调函数的嵌套改成链式调用写法

二、链式调用

new Promise((resolve) => {
    resolve(fetch(url));
}).then((data) => {
    return data;
}).then