JavaScript非同期超入門【2025年版】：Promiseとasync/awaitの基礎と落とし穴

基本：Promiseとasync/await

function delay(ms: number) { return new Promise(r => setTimeout(r, ms)); }

async function main() {
  await delay(500);
  return 'done';
}

直列と並列

// 直列
await a();
await b();

// 並列
await Promise.all([a(), b()]);

エラーハンドリング

try { await mightFail(); }
catch (e) { console.error('oops', e); }

タイムアウトと再試行

async function withTimeout<T>(p: Promise<T>, ms = 1000) {
  const t = new Promise<never>((_, rej) => setTimeout(() => rej(new Error('timeout')), ms));
  return Promise.race([p, t]);
}

async function retry<T>(fn: () => Promise<T>, times = 2) {
  let e; for (let i=0;i<=times;i++) { try { return await fn(); } catch (err) { e = err; } }
  throw e;
}

よくある落とし穴

• forEach(async ...) は待たない → for..of or Promise.all
• 例外を握りつぶさない → return か throw を忘れない
• 余計な await で並列性を失わない

まとめ

直列/並列/失敗時のパターンを覚えると、非同期は怖くありません。