function getProfile(id) {
 return window.fetch(`https://api.com/wedding/profile/${weddingId}`
}

async function getWeddingDetail(weddingId) {
 try {
  // 暫停執(zhí)行
  const wedding = await window.fetch(`https://api.com/wedding/${weddingId}`);
  // 當(dāng)結(jié)果返回恢復(fù)執(zhí)行，接著繼續(xù)暫停
  const groom = await getProfile(wedding.groomId);
  // ... 恢復(fù)執(zhí)行 -> 暫停 ...
  const bride = await getProfile(wedding.brideId);
  // ... 恢復(fù)執(zhí)行
  return { wedding, bride, groom };
 } catch (error) {
  handleError(error);
 }
}

// getWeddingDetail 根本不用關(guān)心內(nèi)部的函數(shù)是異步or同步
function getWeddingDetail(weddingId) {
 const wedding = window.fetch(`https://api.com/wedding/${weddingId}`);
 const groom = getProfile(wedding.groomId);
 const bride = getProfile(wedding.brideId);
 return { wedding, bride, groom };
}

function main() {
 const id = 123;
 console.log('Getting wedding:', id);

 const { wedding, bride, groom } = getWeddingDetail(id);

 console.log('Wedding detail:', wedding);
}

function runtime(mainFn) {
 mainFn();
}

// start runtime
runtime(main);

function runtime(mainFn) {
 const _originalFetch = window.fetch;
 window.fetch = (url, options) => {
  // "暫停"
  throw new Error();
 };
 // 運(yùn)行入口函數(shù)
 runMain();

 function runMain() {
  try {
   mainFn();
  } catch (error) {
   // 函數(shù) "暫停"
   // 恢復(fù)并重新執(zhí)行 mainFn
   runMain();
  }
 }
}

function runtime(mainFn) {
 const _originalFetch = window.fetch
 window.fetch = (url, options) => {
  _originalFetch(url, options).then(res => {
   // 返回結(jié)果后恢復(fù)執(zhí)行
   runMain()
  })
  throw new Error()
 }

 runMain();

 function runMain() {
  try {
   mainFn();
  } catch (error) {
   // ignore
  }
 }
}

function runtime(mainFn) {
 const _originalFetch = window.fetch
 windo.fetch = (url, options) => {
  if (cache.has([url, options])) return cache.get([url, options])

  _originalFetch(url, options).then(res => {
   cache.set([url, options], res)
   runMain()
  })

  throw new Error()
 }

 runMain();

 function runMain() {
  try {
   mainFn();
  } catch (error) {
   // ignore
  }
 }
}

function main() {
 const id = 123;
 runSideEffects(() => console.log('Getting wedding:', id));

 const { wedding, bride, groom } = getWeddingDetail(id);

 runSideEffects(() => console.log('Wedding detail:', wedding));
}

function runtime(mainFn) {
 // 參考上面的代碼

 // 提供 `runSideEffects`
 const sideEffects = [];
 window.runSideEffects = fn => {
  sideEffects.push(fn);
 };

 runMain();

 function runMain() {
  try {
   mainFn();
   sideEffects.forEach(fn => fn());
  } catch (error) {
   // 清除副作用
   sideEffects.splice(0, sideEffects.length);
  }
 }
 
}

function Component() {
 const data = getDataFromNetwork();
 return <div />;
}