JavaScript bất đồng bộ: vì sao forEach không chờ await?

// Giả định minh họa - KHÔNG chạy đúng như mong đợi
const ids = [1, 2, 3];

ids.forEach(async (id) => {
  const data = await fetchUser(id); // giả định fetchUser trả về Promise
  console.log(data);
});

console.log('Xong rồi!');

// Hàm giả lập API call - bài tập minh họa
function fakeApi(id, delay = 500) {
  return new Promise((resolve) => {
    setTimeout(() => resolve({ id, name: `User ${id}` }), delay);
  });
}

const ids = [1, 2, 3];

console.log('Bắt đầu forEach...');

ids.forEach(async (id) => {
  const data = await fakeApi(id);
  console.log('Nhận được:', data);
});

console.log('forEach kết thúc - nhưng data chưa về!');

// Bài tập minh họa - chạy tuần tự
async function fetchSequential(ids) {
  const results = [];
  for (const id of ids) {
    const data = await fakeApi(id); // chờ xong mới sang id tiếp theo
    results.push(data);
    console.log('Tuần tự nhận:', data);
  }
  return results;
}

fetchSequential([1, 2, 3]).then((all) => {
  console.log('Tất cả kết quả:', all);
});

// Bài tập minh họa - chạy song song
async function fetchParallel(ids) {
  const promises = ids.map((id) => fakeApi(id));
  const results = await Promise.all(promises);
  console.log('Song song, tất cả kết quả:', results);
  return results;
}

fetchParallel([1, 2, 3]);

// Cách NÀY không kiểm soát được thứ tự hoặc khi nào xong
ids.forEach(async (id) => {
  const data = await fakeApi(id);
  console.log(data);
});
// Không có cách await forEach này từ bên ngoài!

// Bài tập minh họa - xử lý lỗi từng request
async function fetchWithFallback(ids) {
  const promises = ids.map((id) => fakeApi(id));
  const results = await Promise.allSettled(promises);
  
  results.forEach((result, index) => {
    if (result.status === 'fulfilled') {
      console.log(`ID ${ids[index]}:`, result.value);
    } else {
      console.error(`ID ${ids[index]} lỗi:`, result.reason);
    }
  });
}

// === BÀI TẬP MINH HỌA - tự chạy để quan sát ===

// Hàm giả lập API với delay ngẫu nhiên và tỉ lệ lỗi
function fakeApi(id) {
  const delay = Math.floor(Math.random() * 800) + 200; // 200-1000ms
  const shouldFail = id === 99; // id=99 luôn lỗi để test
  
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      if (shouldFail) {
        reject(new Error(`Không tìm thấy user ${id}`));
      } else {
        resolve({ id, name: `User ${id}`, delay });
      }
    }, delay);
  });
}

const ids = [1, 2, 3, 4, 5];

// --- Cách 1: for...of (tuần tự) ---
async function cach1_tuanTu() {
  console.log('\n=== Cách 1: for...of tuần tự ===');
  const start = Date.now();
  const results = [];
  
  for (const id of ids) {
    try {
      const data = await fakeApi(id);
      results.push(data);
      console.log(`✓ ID ${id} xong sau ${data.delay}ms`);
    } catch (err) {
      console.error(`✗ ID ${id} lỗi:`, err.message);
    }
  }
  
  console.log(`Tổng thời gian: ${Date.now() - start}ms`);
  return results;
}

// --- Cách 2: Promise.all (song song) ---
async function cach2_songSong() {
  console.log('\n=== Cách 2: Promise.all song song ===');
  const start = Date.now();
  
  try {
    const results = await Promise.all(ids.map(fakeApi));
    console.log('Tất cả kết quả:', results.map(r => `ID ${r.id} (${r.delay}ms)`));
    console.log(`Tổng thời gian: ${Date.now() - start}ms`);
    return results;
  } catch (err) {
    console.error('Có request lỗi - Promise.all dừng:', err.message);
  }
}

// --- Cách 3: Promise.allSettled (song song, chịu lỗi) ---
async function cach3_allSettled() {
  console.log('\n=== Cách 3: Promise.allSettled ===');
  const start = Date.now();
  const idsWithBad = [...ids, 99]; // thêm id lỗi
  
  const results = await Promise.allSettled(idsWithBad.map(fakeApi));
  
  results.forEach((result, index) => {
    const id = idsWithBad[index];
    if (result.status === 'fulfilled') {
      console.log(`✓ ID ${id}:`, result.value.name);
    } else {
      console.error(`✗ ID ${id} lỗi:`, result.reason.message);
    }
  });
  
  console.log(`Tổng thời gian: ${Date.now() - start}ms`);
}

// Chạy tuần tự để quan sát từng cách
(async () => {
  await cach1_tuanTu();
  await cach2_songSong();
  await cach3_allSettled();
})();

// SAI - forEach trả về undefined, không thể await
await ids.forEach(async (id) => { ... }); // không có tác dụng gì

// Nếu một request lỗi, vòng lặp dừng ngay - các ID sau không được xử lý
for (const id of ids) {
  const data = await fakeApi(id); // throw -> dừng for...of
  results.push(data);
}

for (const id of ids) {
  try {
    const data = await fakeApi(id);
    results.push(data);
  } catch (err) {
    console.error(`ID ${id} thất bại:`, err.message);
    // tiếp tục sang id tiếp theo
  }
}

// Bài tập minh họa - xử lý theo batch
async function fetchInBatches(ids, batchSize = 5) {
  const results = [];
  for (let i = 0; i < ids.length; i += batchSize) {
    const batch = ids.slice(i, i + batchSize);
    const batchResults = await Promise.all(batch.map(fakeApi));
    results.push(...batchResults);
    console.log(`Batch ${i / batchSize + 1} xong`);
  }
  return results;
}

// Đúng: dùng map để tạo mảng Promise, rồi Promise.all
const promises = ids.map((id) => fakeApi(id));
const results = await Promise.all(promises);

// Sai: forEach không trả về gì
const promises2 = ids.forEach((id) => fakeApi(id)); // undefined!