آموزش ۵۰۰+ سوال و جواب مصاحبه جاوااسکریپت ۲۰۲۶ - آخرین آپدیت

پوشش جامع حوزه‌های آزمون

این بانک سوالات جامع مستقیماً با ستون‌های اصلی معماری و مکانیسم‌های اجرای مدرن جاوااسکریپت که در بررسی‌های فنی دقیق مورد آزمایش قرار می‌گیرند، مطابقت دارد.

• مفاهیم هسته جاوااسکریپت (۲۰٪): تعریف متغیرها (var, let, const)، تفاوت انواع داده Primitive و Reference، الگوهای برنامه‌نویسی تابعی، Scopeهای لکسیکال و مکانیسم‌های اجرای closure.

• مبانی جاوااسکریپت (۱۵٪): مکانیسم‌های مرحله کامپایل مانند Hoisting متغیرها و توابع، بافت اجرای دینامیک کلمه کلیدی this، زنجیره Prototype، ارث‌بری پروتوتایپی و ردیابی Execution Context.

• برنامه‌نویسی ناهمگام (۱۸٪): مدیریت محیط‌های اجرای Event-driven با استفاده از Promiseها، سازماندهی جریان‌های غیرمسدودکننده با async/await، حل مشکل Callback Hell، ترتیب صف‌های macro/microtask و مدیریت خطا در تکرارهای ناهمگام.

• Web APIها و دستکاری DOM (۱۲٪): دریافت منابع شبکه با استفاده از Fetch API، رویدادهای ساختاری DOM و مکانیسم‌های انتشار (bubbling در مقابل capturing)، مدیریت پیچیده المان‌ها، کوئری‌های CSS selector و الگوهای پیمایش Nodeها.

• فریم‌ورک‌ها و کتابخانه‌های جاوااسکریپت (۱۰٪): مفاهیم معماری بنیادین در لایه‌های اصلی وب (React, Angular, Vue.js)، پارادایم‌های مدیریت وضعیت (State Management) قابل پیش‌بینی، اجرای چرخه حیات (Lifecycle) و مرزهای کامپوننت‌های ماژولار.

• مدیریت خطا و دیباگینگ (۸٪): شکار استثناهای زمان اجرا با بلوک‌های try-catch، تحلیل انواع خطاهای داخلی (TypeError, ReferenceError, SyntaxError)، بهره‌گیری از ابزارهای توسعه‌دهنده مرورگر، مانیتورینگ عمیق کنسول و استراتژی‌های تاب‌آوری پیش‌بینی‌شده.

• مباحث پیشرفته جاوااسکریپت (۱۲٪): مکانیسم‌های Coroutine با Generatorها، طراحی Iterableهای سفارشی از طریق Iteratorها، ساختارهای متا-پروگرمینگ با استفاده از Symbols، رهگیری اشیا با Proxies و عملیات بازتابی از طریق Reflect API.

• کیفیت کد و بهترین تجربیات (۵٪): الگوهای طراحی ساختاری، قراردادهای نام‌گذاری مقیاس‌پذیر، بهبود خوانایی معنایی کد، پارادایم‌های تست واحد (Unit Testing) فرانت-اند و استانداردهای بررسی کد (Code Review).

درباره این دوره

موفقیت در مصاحبه‌های مهندسی وب مدرن به چیزی بسیار بیشتر از ساخت رابط‌های کاربردی نیاز دارد. مصاحبه‌کنندگان فنی فراتر از سینتکس پایه می‌روند تا درک عمیق شما از رشته‌های اجرا (Execution Threads)، مدیریت حافظه و چرخه‌های رویداد ناهمگام را ارزیابی کنند. این پلتفرم تمرینی، شکاف بین وظایف برنامه‌نویسی روزمره و سوالات ساختاری سخت‌گیرانه‌ای که توسط سازمان‌های مهندسی برتر پرسیده می‌شود را پر می‌کند.

با ۵۵۰ سوال اختصاصی، من از قالب‌های تکراری و پیش‌بینی‌پذیر فاصله گرفته‌ام تا چالش‌های مهندسی واقعی که در مصاحبه‌های واقعی با آن‌ها روبرو می‌شوید را ارائه دهم. من به طور عمیق به رفتارهای عجیب موتور جاوااسکریپت، توالی‌های پیچیده ناهمگام، تله‌های ارث‌بری پروتوتایپ و چیدمان‌های DOM که باعث محدودیت عملکرد می‌شوند می‌پردازم. هر سوال دارای یک تحلیل خط به خط جامع است که قوانین زیربنایی موتور را توضیح می‌دهد تا دقیقاً بفهمید چرا یک الگوی خاص به درستی عمل می‌کند و چرا انتخاب‌های جایگزین منجر به شکست می‌شوند. چه به دنبال نقش Frontend، Backend یا Full Stack باشید، این محتوای آموزشی تمرین‌های لازم برای موفقیت در اولین تلاش در غربالگری فنی شما را فراهم می‌کند.

نمونه‌ای از سوالات تمرینی

سوال ۱: ترتیب اجرای ناهمگام و Event Loop

اجرای بلوک کد زیر را که شامل چندین عملیات ناهمگام است در نظر بگیرید. خروجی دقیق و متوالی که در کنسول چاپ می‌شود چیست؟

JavaScript

console.log('Start');

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

Promise.resolve().then(() => console.log('Promise 1')).then(() => console.log('Promise 2'));

console.log('End');

• A) Start, Timeout, Promise 1, Promise 2, End

• B) Start, End, Timeout, Promise 1, Promise 2

• C) Start, End, Promise 1, Promise 2, Timeout

• D) Start, Promise 1, End, Promise 2, Timeout

• E) Start, End, Promise 1, Timeout, Promise 2

• F) Start, Timeout, End, Promise 1, Promise 2

پاسخ صحیح و توضیح:

• پاسخ صحیح: C

• چرا درست است: موتور جاوااسکریپت ابتدا وظایف همگام (Synchronous) را پردازش می‌کند، به این معنی که 'Start' و 'End' بلافاصله چاپ می‌شوند. وقتی کد همگام تمام شد، event loop اولویت را به Microtask Queue نسبت به Macrotask Queue می‌دهد. کال‌بک‌های Promise مستقیماً وارد Microtask Queue شده و کاملاً اجرا می‌شوند، پیش از آنکه حلقه هرگونه کال‌بک setTimeout برنامه‌ریزی شده در Macrotask Queue را پردازش کند.

• چرا گزینه‌های دیگر غلط هستند:

  • گزینه A غلط است: این گزینه القا می‌کند که وظایف ناهمگام خط به خط در کنار کد همگام اجرا می‌شوند و صف‌های وظایف ناهمگام را نادیده می‌گیرد.

  • گزینه B غلط است: این گزینه macrotask مربوط به setTimeout را جلوتر از microtaskها قرار می‌دهد که قوانین اولویت‌بندی event loop را نقض می‌کند.

  • گزینه D غلط است: این گزینه فرض می‌کند اولین کال‌بک Promise قبل از دستور همگام console در انتهای اسکریپت اجرا می‌شود.

  • گزینه E غلط است: این گزینه به اشتباه زنجیره microtask مربوط به Promise را می‌شکند تا یک macrotask منتظر را اجرا کند.

  • گزینه F غلط است: این توالی با setTimeout به عنوان یک بلوک اجرای همگام برخورد می‌کند، نه یک وظیفه ناهمگام در صف.

سوال ۲: ایزولاسیون Scope، Closureها و تعریف متغیرها داخل حلقه‌ها

یک توسعه‌دهنده حلقه‌ای برای ایجاد مجموعه‌ای از لاگ‌های کنسول با تأخیر می‌نویسد اما متوجه خروجی غیرمنتظره‌ای در هنگام تست می‌شود. هنگام اجرای این اسکریپت چه چیزی در کنسول چاپ می‌شود؟

JavaScript

for (var i = 0; i < 3; i++) {

  setTimeout(() => console.log(i), 100);

}

• A) 0, 1, 2

• B) 3, 3, 3

• C) 2, 2, 2

• D) 0, 0, 0

• E) undefined, undefined, undefined

• F) برنامه قبل از چاپ هر چیزی، یک ReferenceError پرتاب می‌کند.

پاسخ صحیح و توضیح:

• پاسخ صحیح: B

• چرا درست است: متغیرهایی که با کلمه کلیدی var تعریف می‌شوند، دارای Scope تابعی یا سراسری هستند، به این معنی که به Block Scope یک حلقه محدود نمی‌شوند. یک نمونه واحد از متغیر i در تمام تکرارهای حلقه به اشتراک گذاشته می‌شود. تا زمانی که کال‌بک‌های ناهمگام setTimeout ۱۰۰ میلی‌ثانیه بعد اجرا شوند، حلقه همگام قبلاً به پایان رسیده و مقدار نهایی i را برابر با ۳ قرار داده است.

• چرا گزینه‌های دیگر غلط هستند:

  • گزینه A غلط است: این خروجی مورد انتظار نیازمند تخصیص متغیر با Block-scope است که با جایگزینی var با let به دست می‌آید.

  • گزینه C غلط است: حلقه تنها زمانی متوقف می‌شود که شرط به false تغییر کند، که این اتفاق زمانی رخ می‌دهد که i به ۳ برسد، نه ۲.

  • گزینه D غلط است: متغیر شمارنده مشترک به افزایش خود ادامه می‌دهد، بنابراین در حالت اولیه حلقه ثابت نمی‌ماند.

  • گزینه E غلط است: متغیر در طول زنجیره Scope در دسترس باقی می‌ماند و مقدار عددی نهایی ۳ را حفظ می‌کند.

  • گزینه F غلط است: سینتکس و شناسه‌ها کاملاً معتبر هستند، بنابراین هیچ استثنای زمان کامپایل یا اجرای کد رخ نمی‌دهد.

سوال ۳: بافت Binding دینامیک و قوانین Binding صریح

یک توسعه‌دهنده متدی را در یک شیء برای مدیریت یک رویداد پیکربندی می‌کند اما متوجه مشکلاتی در binding زمان اجرا می‌شود. این توالی اجرای خاص چه خروجی‌ای تولید می‌کند؟

JavaScript

const user = {

  name: 'Alex',

  greet: function() {

    return this. name;

  },

  farewell: () => {

    return this. name;

  }

};

const unboundGreet = user.greet;

console. log(unboundGreet());

console. log(user.farewell());

(فرض کنید این کد در یک محیط استاندارد پنجره مرورگر غیر-strict اجرا می‌شود که در آن window.name تنظیم نشده است)

• A) Alex, Alex

• B) Alex, undefined

• C) undefined, Alex

• D) undefined, undefined

• E) اجرا هنگام فراخوانی arrow function یک TypeError پرتاب می‌کند.

• F) اجرا هنگام تعریف شیء یک SyntaxError پرتاب می‌کند.

پاسخ صحیح و توضیح:

• پاسخ صحیح: D

• چرا درست است: بافت اجرای یک تابع استاندارد کاملاً به نحوه فراخوانی آن بستگی دارد. استخراج user.greet و فراخوانی آن به عنوان unboundGreet() آن را از شیء والدش جدا می‌کند و this را به شیء سراسری window متصل می‌کند که در آن name تعریف نشده است. برای user.farewell، توابع پیکانی (Arrow Functions) بافت binding مخصوص به خود را ندارند. در عوض، آن‌ها زنجیره Scope لکسیکال را جستجو می‌کنند تا this را از بافت محیطی به ارث ببرند، که در اینجا به شیء سراسری اشاره می‌کند و در آنجا نیز name تعریف نشده است.

• چرا گزینه‌های دیگر غلط هستند:

  • گزینه A غلط است: این گزینه فرض می‌کند هر دو سبک تابع، this را مستقیماً به شیء literal متصل می‌کنند، که درست نیست.

  • گزینه B غلط است: ارجاع تابع مستقل unboundGreet() هنگام مقداردهی، بافت اتصال شیء خود را از دست می‌دهد.

  • گزینه C غلط است: این گزینه به اشتباه ارجاعات توابع استاندارد را به صورت لکسیکال و توابع پیکانی را به صورت دینامیک متصل می‌داند.

  • گزینه E غلط است: توابع پیکانی ویژگی‌های کاملاً معتبر برای اشیا هستند؛ فراخوانی آن‌ها مقداری را برمی‌گرداند و باعث کرش کردن نمی‌شود.

  • گزینه F غلط است: تعریف اشیا می‌تواند با خیال راحت هر دو نوع تابع استاندارد و پیکانی را بدون ایجاد مشکل در کامپایلر نگه دارد.

چه انتظاراتی داشته باشید

• به تست‌های سوالات مصاحبه خوش آمدید تا شما را برای آزمون تمرینی سوالات مصاحبه جاوااسکریپت آماده کنیم.

• شما می‌توانید هر تعداد بار که بخواهید در آزمون‌ها شرکت کنید

• این یک بانک سوالات عظیم و اختصاصی است

• در صورت داشتن سوال، از پشتیبانی مدرسان بهره‌مند می‌شوید

• هر سوال دارای یک توضیح دقیق است

• با اپلیکیشن Udemy سازگار با موبایل است

امیدوارم تا الان متقاعد شده باشید! سوالات بسیار بیشتری در داخل دوره وجود دارد.