جافاسكربتما هي المزامنة

مفهوم الكود المتزامن

الكود المتزامن ( Synchronous Code ) هو الكود الذي تتنفذ جميع أوامره بذات الترتيب الموضوعة فيه، فلا يتم الإنتقال إلى الأمر التالي إلا عندما يتم تنفيذ الأمر الحالي و بنجاح.

في المثال التالي، قمنا بتعريف دالة إسمها executeCode()، عند استدعائها تظهر نافذة تنبيه منبثقة و من بعدها تقوم بتغيير لون خلفية الصفحة.
ملاحظة: أمر تغيير لون الخلفية لن يتنفذ إلا بعد أن يتم إغلاق نافذة التنبيه.

<button onclick="executeCode()">Click me</button>

<script>
    // executeCode هنا قمنا بتعريف الدالة
    function executeCode() {
        // هنا قمنا بإظهار نافذة تنبيه منبثقة
        alert('This code execute first');

        // هنا قمنا بتغيير لون خلفية الصفحة
        document.querySelector('body').style.background = 'khaki';
    }
</script>

مفهوم الكود الغير متزامن

الكود الغير متزامن ( Asynchronous Code ) هو الكود الذي يتضمن أوامر تتنفذ بشكل متوازي مع باقي الأوامر الأخرى. فمثلاً في حال استخدام مؤقت فإن الكود الذي يوضع فيه يتنفذ بعد مرور مدة معينة بغض النظر عن ما إن كان هناك كود آخر يتنفذ أم لا.

في المثال التالي، قمنا بتعريف دالة إسمها executeCode()، عند استدعائها تقوم بتشغيل مؤقت مهتمه إظهار نافذة تنبيه منبثقة بعد مرور ثانيتين، و من بعدها تقوم تغيير لون خلفية الصفحة.
إنتبه: لون الخلفية هذه المرة سيتغيّر قبل ظهور النافذة المنبثقة لأن مفسّر الكود لم ينتظر انتهاء المؤقت.

<button onclick="executeCode()">Click me</button>

<script>
    // executeCode هنا قمنا بتعريف الدالة
    function executeCode() {
        // هنا قمنا بإظهار نافذة تنبيه منبثقة بعد مرور ثانيتين
        setTimeout(() => {
            alert('The alert is executed second');
        }, 2000);

        // هنا قمنا بتغيير لون خلفية الصفحة
        document.querySelector('body').style.background = 'khaki';
    }
</script>

الفرق بين الكود المتزامن و الغير متزامن

النقاط التالية توضح أهمية كتابة الكود بشكل غير متزامن و كيف يحل مشاكل الكود المتزامن.

1- التخلص من مشكلة التعليق

كتابة الكود بشكل غير متزامن تحتاجه بشكل أساسي عند الحاجة إلى التعامل مع سيرفر أو أي موقع يقدم خدمة ما، لأن الطلب الذي ترسله لهم قد يستغرق بعض الوقت حتى يأتي منهم الرد. بذلك تضمن أن يكون المستخدم قادر على فعل أمور أخرى ريثما يصله الرد، و بالطبع عندما يأتي الرد تقوم بعرض النتيجة له.

2- تسريع وقت التنفيذ

بالإضافة لما سبق فإن كتابة الكود بشكل غير متزامن يمكن أن تجعله أسرع. فمثلاً لو فرضنا أن المستخدم أراد تنفيذ عمليتين مختلفتين و كل واحدة منها تستغرق 10 ثواني حتى تكتمل فإنه يمكن إرسال الطلبين بشكل متوازي للسيرفر حتى ينفذهما في ذات الوقت. بذلك يكون وقت تنفيذ العملتين هو 10 ثواني بدلاً من 20.