- بواسطة x32x01 ||
أفهم الفرق - Sync vs Async في JavaScript !!!
في JavaScript، الكود ممكن يشتغل بطريقتين:
الكود بيتنفذ سطر ورا سطر، بالترتيب.
السطر اللي بعده ما يشتغلش غير لما اللي قبله يخلص.
أي تأخير في سطر = تأخير في كل الكود بعده.
مثال: عمليات حسابية – تعديل بيانات – طباعة بسيطة.
الكود مش لازم يستنى.
ممكن تبدأ حاجة وتكمّل الكود عادي، ولما الحاجة دي تخلص، ترجع تكمل تنفيذها.
بيشتغل مع العمليات اللي بتاخد وقت زي:
جلب بيانات من API
قراءة ملف
انتظار مؤقت (timeout)
بنستخدم فيه:
Callback
Promise
Async / Await
الخلاصة:
Sync = ترتيب صارم – كل سطر يستنى اللي قبله.
Async = مرونة – الكود ما يوقفش نفسه، يكمل ويرجع للحاجة بعدين.
في JavaScript، الكود ممكن يشتغل بطريقتين:
Synchronous (متزامن)
الكود بيتنفذ سطر ورا سطر، بالترتيب.السطر اللي بعده ما يشتغلش غير لما اللي قبله يخلص.
أي تأخير في سطر = تأخير في كل الكود بعده.
مثال: عمليات حسابية – تعديل بيانات – طباعة بسيطة. Asynchronous (غير متزامن)
الكود مش لازم يستنى.ممكن تبدأ حاجة وتكمّل الكود عادي، ولما الحاجة دي تخلص، ترجع تكمل تنفيذها.
بيشتغل مع العمليات اللي بتاخد وقت زي:
جلب بيانات من API
قراءة ملف
انتظار مؤقت (timeout)
بنستخدم فيه: Callback Promise Async / Await الخلاصة:Sync = ترتيب صارم – كل سطر يستنى اللي قبله.
Async = مرونة – الكود ما يوقفش نفسه، يكمل ويرجع للحاجة بعدين.