لماذا يتم تنفيذ setTimeout لاحقاً في javascript حتى مع تمرير مهلة تأخير بقيمة 0؟

سبب عدم تنفيذ دالة callback بنفس لحظة انتهاء تعريف قسم setTimeout أن الأخيرة تقوم بتعريف حدث غير متزامن asynchronously تضيفه لحلقة الأحداث Event Loop ليتم تنفيذه بعد مضي x من الوقت.

وبما أن باقي الشيفرة لديك هي تسلسلية، فإن setTimeout بقيمة 0 سوف تجعل هذه الدالة تنفذ في أول لحظة مناسبة (مع أقل تأخير) بعد انتهاءاها من الأجزاء الأخرى التي تكون قيد التنفيذ.

لو أضفت setTimeout أخرى مع تأخير 0 أيضاً، سيتم تنفيذها بنفس تسلسل تعريفهم

setTimeout(()=>{
console.log("web api 2");
},0);

setTimeout(()=>{
console.log("web api 1");
},0);

function one(){
    console.log("one");
}

one();

one
web api 2
web api 1