الدرس 4 من 8

الزمن وغير المتزامن

هدف الدرس

الوعود وasync/await

01

الشرح

بعض العمليات تأخذ وقتًا: جلب بيانات، قراءة ملف، انتظار ردّ. الـ JavaScript لا يتجمّد بانتظارها، بل يكمل ويعود إليها حين تجهز.

الـ Promise تعهّد بقيمة تصل لاحقًا، وawait يقول «توقّف هنا حتى تصل». وأي دالة فيها await لا بد أن تكون async.

وهذا يفرض أدبًا في الواجهة: بين الطلب والوصول حالة انتظار يجب أن يراها المستخدم، وإلا ظنّ أن شيئًا تعطّل.

02

المطلوب

عند الضغط: اعرض «جارٍ التحميل…»، انتظر بـ wait(600)، ثم اعرض «تم التحميل».

معايير التصحيح

4 معايير
  1. الضغط يُظهر حالة انتظار فورًا
  2. الحالة لا تزال انتظارًا بعد 200 جزء من الثانية
  3. بعد انتهاء الانتظار تصير «تم التحميل»
  4. الضغطة الثانية تعيد حالة الانتظار من جديد
index.html
المعاينة
index.html100%
–/4

اضغط «تشغيل» ليبدأ الفحص.

4 معايير في بطاقة «المطلوب».