Το JavaScript εκτελείται σε ένα μόνο thread, επομένως μπορεί να κάνει μόνο ένα πράγμα κάθε φορά. Το event loop είναι αυτό που του επιτρέπει να χειρίζεται ασύγχρονο έργο χωρίς blocking: εκτελεί το call stack, και όταν το stack είναι κενό, τραβά callbacks από τις ουρές.
Υπάρχουν δύο ουρές με διαφορετικές προτεραιότητες:
.then), queueMicrotask. Αδειάζονται εντελώς μετά από κάθε task, πριν το rendering.setTimeout, I/O, UI events. Ένα επεξεργάζεται ανά επανάληψη βρόχου.console.log("1"); // sync
setTimeout(() => console.log("2"), 0); // macrotask
Promise.resolve().then(() => console.log("3")); // microtask
console.log("4"); // sync
// Output: 1, 4, 3, 2
1, 4.3.2.Αυτό είναι το γιατί το Promise.then εκτελείται πριν από το setTimeout(…, 0), ακόμα κι αν και τα δύο είναι "ασύγχρονα" — τα microtasks έχουν προτεραιότητα.
// ❌ blocks the single thread — UI freezes for 5 seconds
while (Date.now() - start < 5000) {}
Το μεγάλο σύγχρονο έργο μπλοκάρει τα πάντα (rendering, κλικ). Μετακινήστε βαρύ CPU έργο σε ένα Web Worker (ένα πραγματικό ξεχωριστό thread).
Η κατανόηση του βρόχου εξηγεί τη σειρά ασύγχρονων, γιατί τα promises επιλύονται πριν από τους χρονοδιακόπτες, και γιατί δεν πρέπει ποτέ να μπλοκάρουμε το κύριο thread — το βασικό νοητικό μοντέλο για όλο το ασύγχρονο JavaScript.
Μια βιβλιοθήκη ερωτήσεων συνέντευξης IT με αναλυτικές απαντήσεις — από Junior έως Senior.
Δωρεά