الگوریتم‌ها (انیمیشن)در مرورگر شما اجرا می‌شودتاریخ بررسی: ۹ میزان ۱۴۰۵

Event Loop: انیمیشن

Event Loop: انیمیشن. الگوریتم‌های متحرک برای فرانت‌اند: مرتب‌سازی، جستجو، debounce و throttle، حلقه‌ی رویداد، DOM مجازی، حافظه‌ی نهان، trie و مسیریابی. سریع، خصوصی و آسان در مرورگر شما.

محلیبه‌طور پیش‌فرض خصوصیسریعبدون ثبت‌نام

دکمه‌ها و متن‌های ابزار پایین فعلاً به انگلیسی است.

How JavaScript runs your code

Press Play and follow each call, timer and promise.

Speed

Script

console.log('Start');

Promise.resolve().then(() => {
  console.log('Promise');
});

setTimeout(() => {
  console.log('Timeout');
}, 0);

console.log('End');

Call stack

runs one thing at a time

Web APIs (timers)

empty

nextTick

empty

Microtasks

empty

Macrotasks

empty

Console

Event loop

Stack empty? Run nextTick, then microtasks, then one macrotask.

Running your script

nothing printed yet

The script starts: main() is on the call stack.

Step 1 of 22

Running now (call stack)
Timer (Web API)
process.nextTick
Microtask (promise)
Macrotask (timer done, setImmediate)
just moved

Can you predict the output?

Tap the logs in the order you think they will print, then press Play to check.

Loading animation...