Javascript で非同期処理を async/await を使わない場合・使った場合のメモ

（あくまでもこんな感じという擬似コードなので動かないです）

async/await を使わない場合

promise.then(() => {
  console.info('ペ');
  asyncFunc1.then(() => {
    console.info('ン');
  }).then(() => {
    console.info('ギ');
    asyncFunc2.then(() => {
    }).then(() => {
      console.info('ン');
      asyncFunc3.then(() => {
      }).then(() => {
        console.info('・');
        asyncFunc4.then(() => {
        });
      });
    });
  });
});

// ペ
// ン
// ギ
// ン
// ・

async/await を使った場合

promise.then(async () => {
  console.info('ハ');
  await asyncFunc1();
  console.info('イ');
  await asyncFunc2();
  console.info('ウ');
  await asyncFunc3();
  console.info('ェ');
  await asyncFunc4();
  console.info('イ');
});

// ハ
// イ
// ウ
// ェ
// イ