أخطاء في التعليمات البرمجية غير المتزامنة

تفشل العمليات غير المتزامنة بشكل مختلف عن العمليات المتزامنة: الخطأ لا يصل على الفور، يصل "لاحقًا"، عندما يدخل الوعد في الحالة المرفوض. دعونا نلقي نظرة على الأداتين الرئيسيتين.

try/catch مع await

عندما تضع await قبل الوعد الذي فشل، تتم إعادة ظهور الخطأ كـ الاستثناء العادي: يمكنك اكتشافه باستخدام try/catch.

async function safeRead() {
  try {
    const r = await fetch('/api/cose');
    if (!r.ok) throw new Error('HTTP ' + r.status);
    return await r.json();
  } catch (err) {
    console.error('network error:', err.message);
    return null;
  }
}

إنه النمط الأكثر قابلية للقراءة: تكتب "الطريق السعيد" خطيًا، وتتعامل مع كل شيء في كتلة واحدة.

.catch على الوعد

بأسلوب بالسلاسل:

fetch('/api/cose')
  .then((r) => r.json())
  .then((data) => console.log(data))
  .catch((err) => console.error(err));

.catch يكتشف أي خطأ تم طرحه على طول السلسلة السابقة.

Promise.all فشل في الرفض الأول

const ps = [Promise.resolve(1), Promise.reject(new Error('no')), Promise.resolve(3)];
try {
  const r = await Promise.all(ps);
} catch (err) {
  console.log(err.message); // 'no'
}

تستمر الوعود الأخرى في العمل في الخلفية، ولكن Promise.all "تستقر" عند الخطأ الأول. إذا كنت تريد نتائجها جميعًا (بما في ذلك حالات الفشل)، فاستخدم Promise.allSettled:

const outcomes = await Promise.allSettled(ps);
// [{ status: 'fulfilled', value: 1 },
//  { status: 'rejected', reason: Error('no') },
//  { status: 'fulfilled', value: 3 }]

جربه

تمرين المراجعة