JavaScript در مرورگر دقیقاً چگونه اجرا می‌شود؟

درک نحوه اجرای JavaScript، Call Stack، Promise و Event Loop باعث می‌شود برنامه‌های تعاملی و Asynchronous را بهتر طراحی کنیم.

۱. JavaScript و اجرای کد

مرورگر برای اجرای JavaScript از موتورهای مخصوص استفاده می‌کند و محیط مرورگر امکاناتی مانند DOM، Timerها و درخواست‌های شبکه را در اختیار برنامه قرار می‌دهد.

۲. Call Stack چیست؟

Call Stack ساختاری است که اجرای توابع فعال را مدیریت می‌کند.

function greet() {
  console.log("Hello");
}

greet();

۳. Promise و کارهای غیرهم‌زمان

مثلاً:

console.log("Start");

setTimeout(() => {
  console.log("Timer");
}, 0);

console.log("End");

خروجی معمولاً:

Start
End
Timer

صفر بودن زمان Timer به معنی اجرای فوری آن نیست.

۴. Event Loop

Event Loop هماهنگی میان اجرای کد، Stack و صف‌های وظایف را بر عهده دارد.

۵. چرا این موضوع در سایت مهم است؟

اجرای طولانی JavaScript می‌تواند باعث تأخیر در کلیک‌ها، اسکرول و انیمیشن‌ها شود.

جمع‌بندی

آشنایی با Call Stack، Event Loop و عملیات غیرهم‌زمان به برنامه‌نویس کمک می‌کند رفتار برنامه را بهتر پیش‌بینی کند.