getData(function(data1) {
    process(data1, function(data2) {
        save(data2, function(data3) {
            display(data3, function() {
                // 更多嵌套...
                console.log("完成了，但代碼已經(jīng)看不懂了！");
            });
        });
    });
});

getData()
    .then(process)
    .then(save)
    .then(display)
    .then(() => console.log("完成"))
    .catch(error => console.error("出錯(cuò)：", error));

// 2015年：Generator + Promise
function* asyncGenerator() {
    const data1 = yield getData();
    const data2 = yield process(data1);
    const data3 = yield save(data2);
    yield display(data3);
    console.log("完成");
}

// 需要外部執(zhí)行器
function run(generator) {
    const iterator = generator();
    function handle(result) {
        if (result.done) return;
        result.value.then(data => {
            handle(iterator.next(data));
        });
    }
    handle(iterator.next());
}

// 2017年：Async/Await
async function handleData() {
    try {
        const data1 = await getData();
        const data2 = await process(data1);
        const data3 = await save(data2);
        await display(data3);
        console.log("完成");
    } catch (error) {
        console.error("出錯(cuò)：", error);
    }
}

// 在函數(shù)前加上 async，這個(gè)函數(shù)就變成了異步函數(shù)
async function normalFunction() {
    return "Hello Async";  // 自動(dòng)包裝成Promise
}

// 等價(jià)于：
function normalFunction() {
    return Promise.resolve("Hello Async");
}

// 使用
normalFunction().then(console.log);  // "Hello Async"

async function fetchUser() {
    // await 會(huì)暫停函數(shù)執(zhí)行，等待Promise完成
    const response = await fetch('https://api.example.com/user');
    const user = await response.json();
    return user;
}

// await 只能在 async 函數(shù)內(nèi)部使用
// 下面的代碼會(huì)報(bào)錯(cuò)：
// const data = await fetchUser();  // ? 錯(cuò)誤

// 模擬異步函數(shù)
function delay(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

async function example() {
    console.log("開始");
    
    await delay(1000);  // 等待1秒
    console.log("1秒后");
    
    await delay(2000);  // 再等待2秒
    console.log("再過2秒后");
    
    return "任務(wù)完成";
}

// 調(diào)用
example().then(result => console.log(result));
// 輸出：
// 開始
// 1秒后
// 再過2秒后
// 任務(wù)完成

async function getScoreAsync() {
  try {
    // 成功：執(zhí)行try里的代碼，失敗：跳轉(zhuǎn)到catch
    const score = await getScore(); 
    console.log("分?jǐn)?shù)：", score);
  } catch (error) {
    // 捕獲Promise的reject錯(cuò)誤
    console.log("出錯(cuò)了：", error);
  }
}

// 測(cè)試：如果getScore返回reject（比如分?jǐn)?shù)50），會(huì)執(zhí)行catch
getScoreAsync();

// 模擬兩個(gè)異步請(qǐng)求
function getUser() {
  return new Promise((resolve) => setTimeout(() => resolve({ id: 1 }), 500));
}
function getCourse(userId) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      userId === 1 ? resolve({ name: "語文" }) : reject("用戶不存在");
    }, 500);
  });
}

// 用async/await調(diào)用，統(tǒng)一捕獲錯(cuò)誤
async function getInfo() {
  try {
    const user = await getUser(); // 第一個(gè)異步操作
    const course = await getCourse(user.id); // 第二個(gè)異步操作
    console.log("用戶課程：", course); // 輸出：{ name: "語文" }
  } catch (error) {
    console.log("錯(cuò)誤：", error); // 任何一個(gè)異步失敗，都會(huì)走到這里
  }
}

getInfo();

// 封裝3個(gè)異步請(qǐng)求（返回Promise）
function login() {
  return new Promise(resolve => setTimeout(() => resolve({ id: 1 }), 500));
}
function getCourse(userId) {
  return new Promise(resolve => setTimeout(() => resolve({ id: 10 }), 500));
}
function getScore(courseId) {
  return new Promise(resolve => setTimeout(() => resolve({ score: 90 }), 500));
}

// async/await版本：同步寫法，異步執(zhí)行
async function getStudentInfo() {
  try {
    const user = await login(); // 登錄
    const course = await getCourse(user.id); // 查課程
    const score = await getScore(course.id); // 查成績
    console.log("最終成績：", score); // 輸出：{ score: 90 }
  } catch (error) {
    console.log("出錯(cuò)了：", error);
  }
}

getStudentInfo();

// 錯(cuò)誤示例：串行執(zhí)行（總耗時(shí)=1s+1s=2s）
async function badDemo() {
  const res1 = await new Promise(resolve => setTimeout(() => resolve(1), 1000));
  const res2 = await new Promise(resolve => setTimeout(() => resolve(2), 1000));
  console.log(res1, res2); //  // 總時(shí)間 = 2個(gè)請(qǐng)求時(shí)間之和=2s
}

// 正確示例：并發(fā)執(zhí)行（總耗時(shí)=1s）
async function goodDemo() {
  // 1. 先創(chuàng)建兩個(gè)Promise對(duì)象（不要先await）
  const promise1 = new Promise(resolve => setTimeout(() => resolve(1), 1000));
  const promise2 = new Promise(resolve => setTimeout(() => resolve(2), 1000));
  
  // 2. 用Promise.all并發(fā)執(zhí)行，await等待所有完成
  const [res1, res2] = await Promise.all([promise1, promise2]);
  console.log(res1, res2); // 總耗時(shí)1秒
}

// 串行執(zhí)行：總耗時(shí)3秒（1+1+1）
async function loopDemo() {
  const list = [1, 2, 3];
  for (const item of list) {
    await new Promise(resolve => setTimeout(() => {
      console.log(item);
      resolve();
    }, 1000));
  }
}

//  map + Promise.all（并行） 并發(fā)執(zhí)行：總耗時(shí)1秒
async function loopDemo() {
  const list = [1, 2, 3];
  // 1. 收集所有Promise
  const promises = list.map(item => 
    new Promise(resolve => setTimeout(() => {
      console.log(item);
      resolve();
    }, 1000))
  );
  // 2. 并發(fā)執(zhí)行
  await Promise.all(promises);
}

// 全局作用域使用await（ES模塊環(huán)境）
(async () => {
  const score = await getScore();
  console.log(score);
})();