07
مهبستن
پروژه خود را از امروز شروع کنید91307930-021
۴۰ سوال جاوا اسکریپت با جواب
- نویسنده : آیسان بهرمند
- ارسال شده در: 30 ژوئن 2025
- ارسال دیدگاه: 0
چه بخوای برای یه نقش بزرگ فرانت‌اند آماده بشی، چه بخوای فقط اصول جاوااسکریپت رو مرور کنی، این ۴۰ تا سؤال مصاحبه جاوااسکریپت بهت کمک می‌کنه بدرخشی و با اعتماد به نفس بری جلو 💪🏻. از مفاهیم پایه تا پیچیدگی‌های پیشرفته، همه‌چیز اینجاست.
بیا شروع کنیم! 🔥
۱. ❓ جاوااسکریپت چیه؟
دونستن اینکه جاوااسکریپت اساساً چیه، یه پایه محکم برات می‌سازه برای هر چیزی، از دستکاری DOM گرفته تا برنامه‌نویسی ناهمگام یا فریم‌ورک‌هایی مثل React یا Vue. این معمولاً یکی از اولین سؤال‌ها تو مصاحبه‌های فرانت‌انده.
جواب:
جاوااسکریپت یه زبان برنامه‌نویسی سطح بالا، تفسیرشده و پویاست که عمدتاً برای ساخت محتوای تعاملی و پویا تو وب‌سایت‌ها استفاده می‌شه. تو مرورگر (سمت کاربر) اجرا می‌شه، ولی با محیط‌هایی مثل Node.js می‌تونه تو سرور هم اجرا بشه. جاوااسکریپت از پارادایم‌های برنامه‌نویسی شیءگرا، تابعی و رویدادمحور پشتیبانی می‌کنه و این باعث می‌شه یه ابزار قدرتمند برای توسعه فرانت‌اند و بک‌اند باشه.
۲. 🔁 تفاوت var، let و const چیه؟
انتخاب کلمه کلیدی درست برای تعریف متغیرها جلوی باگ‌های مربوط به محدوده (scope)، بالاکشیدن (hoisting) و تغییرناپذیری (immutability) رو می‌گیره. مصاحبه‌کننده‌ها اینو می‌پرسن تا ببینن چقدر با جاوااسکریپت مدرن (ES6 به بعد) آشنایی.
جواب:
- var: محدوده‌ش تابع محوره، بالاکشیده می‌شه و می‌تونی تو همون محدوده دوباره تعریفش کنی. قبل از ES6 خیلی استفاده می‌شد.
- let: محدوده‌ش بلاک محوره، نمی‌تونی تو همون محدوده دوباره تعریفش کنی، بالاکشیده می‌شه ولی مقداردهی اولیه نمی‌شه (منطقه مرده موقتی یا TDZ).
- const: محدوده‌ش بلاک محوره، نمی‌تونی مقدارش رو دوباره تخصیص بدی (اتصال تغییرناپذیر)، ولی اشیاء و آرایه‌هایی که با const تعریف شدن، هنوز می‌تونن تغییر کنن. برای کد تمیزتر و قابل پیش‌بینی‌تر، از let و const استفاده کن. معمولاً const ترجیح داده می‌شه، مگر اینکه لازم باشه مقدار تغییر کنه.
۳. 🏷️ نوع‌های داده‌ای تو جاوااسکریپت چیه؟
دونستن اینکه داده‌ها تو جاوااسکریپت چطور نمایش داده می‌شن و رفتار می‌کنن، کمک می‌کنه جلوی باگ‌های مربوط به نوع داده رو بگیری و دیباگ کردنت بهتر بشه.
جواب:
جاوااسکریپت دو دسته اصلی نوع داده داره:
- نوع‌های اولیه (تغییرناپذیر، ذخیره‌شده بر اساس مقدار): رشته (string)، عدد (number)، بولین (boolean)، نال (null)، تعریف‌نشده (undefined)، سمبل (symbol)، عدد بزرگ (bigint)
- نوع‌های غیراولیه (تغییرپذیر، ذخیره‌شده بر اساس مرجع): شیء (object)، آرایه (array)، تابع (function) دونستن تفاوت بین نوع‌های اولیه و غیراولیه موقع کار با تخصیص‌ها، مقایسه‌ها و مدیریت حافظه خیلی مهمه.
۴. 🧮 تفاوت == و === چیه؟
این سؤال درکتو از سیستم تبدیل نوع (type coercion) جاوااسکریپت تست می‌کنه، که اگه درست نفهمیش، می‌تونه باعث باگ‌های ریز بشه.
جواب:
- ==: قبل از مقایسه، تبدیل نوع انجام می‌ده (برابری شل). مثال: ‘5’ == 5 → درست
- ===: هم مقدار و هم نوع رو مقایسه می‌کنه (برابری سخت). مثال: ‘5’ === 5 → نادرست همیشه از === استفاده کن تا از رفتارهای غیرمنتظره به خاطر تبدیل نوع جلوگیری بشه. اینجوری مقایسه‌ها تمیزتر و قابل پیش‌بینی‌ترن.
۵. 📦 بالاکشیدن (Hoisting) تو جاوااسکریپت چیه؟
بالاکشیدن یه مفهوم اساسیه که روی دسترسی به متغیرها و توابع تو محدوده‌های مختلف اثر می‌ذاره. مصاحبه‌کننده‌ها اینو می‌پرسن تا بفهمن چقدر با زمینه اجرا (execution context) آشنا هستی.
جواب:
بالاکشیدن رفتار پیش‌فرض جاوااسکریپته که تعریف متغیرها و توابع رو قبل از اجرای کد به بالای محدوده‌شون می‌بره.
- متغیرهایی که با var تعریف شدن، بالاکشیده می‌شن و با مقدار undefined مقداردهی اولیه می‌شن.
- let و const هم بالاکشیده می‌شن، ولی تو یه منطقه مرده موقتی (TDZ) بدون مقدار اولیه می‌مونن.
- تعریف توابع به‌طور کامل بالاکشیده می‌شن، یعنی می‌تونی قبل از تعریف واقعیشون تو کد صداشون کنی. دونستن بالاکشیدن کمک می‌کنه جلوی خطاهای ارجاع گرفته بشه و کدت واضح‌تر بشه.
۶. 🔐 کلوژرها (Closures) تو جاوااسکریپت چی‌ان؟
کلوژرها یه مفهوم اصلی تو جاوااسکریپتن و خیلی تو callbackها، currying، حفظ حریم داده و الگوهای برنامه‌نویسی تابعی استفاده می‌شن.
جواب:
کلوژر وقتی ساخته می‌شه که یه تابع متغیرهای محدوده بیرونی خودش رو “به خاطر می‌سپاره”، حتی بعد از اینکه تابع بیرونی اجرا شده و تموم شده. مثال:
function outer() {
let counter = 0;
return function inner() {
counter++;
return counter;
};
}
const count = outer();
count(); // ۱
count(); // ۲
اینجا inner هنوز به counter دسترسی داره، حتی بعد از اینکه outer اجرا شده.
۷. ⏲️ تفاوت کد همگام (Synchronous) و ناهمگام (Asynchronous) چیه؟
جاوااسکریپت تک‌ریسمانی (single-threaded) است. فهم رفتار ناهمگام برای ساخت اپ‌های وب با عملکرد بالا خیلی مهمه.
جواب:
- کد همگام: اجرای بقیه کدها رو متوقف می‌کنه تا خودش کامل اجرا بشه، خط به خط پیش می‌ره.
- کد ناهمگام: تو پس‌زمینه اجرا می‌شه (مثل درخواست‌های HTTP یا تایمرها) و به برنامه اجازه می‌ده کارهای دیگه رو ادامه بده. برای مدیریت جریان اجرا از callbackها، Promiseها یا async/await استفاده می‌کنه.
۸. ➡ توابع فلش‌دار (Arrow Functions) چی‌ان؟
توابع فلش‌دار مختصرن و رفتار متفاوتی از نظر this دارن. برای برنامه‌نویسی به سبک تابعی عالی‌ان.
جواب:
توابع فلش‌دار یه سینتکس کوتاه (() => {}) دارن و this، arguments، super یا new.target خودشون رو bind نمی‌کنن. این باعث می‌شه برای توابع کوتاه و callbackها مناسب باشن، ولی به‌عنوان متد یا سازنده (constructor) مناسب نیستن.
۹. 🗂️ محدوده لکسیکال (Lexical Scope) چیه؟ دونستن محدوده لکسیکال بهت کمک می‌کنه بفهمی متغیرها کجا قابل دسترسی‌ان و کلوژرها چطور کار می‌کنن.
جواب: محدوده لکسیکال یعنی محدوده یه متغیر با موقعیتش تو کد منبع تعیین می‌شه. توابع داخلی به متغیرهای تعریف‌شده تو محدوده‌های بیرونی دسترسی دارن. این همون دلیلیه که کلوژرها می‌تونن به متغیرها دسترسی داشته باشن حتی بعد از اینکه تابع والدشون برگشته.
۱۰. 🌀 حلقه رویداد (Event Loop) چیه؟ این قلب رفتار ناهمگام جاوااسکریپته. دونستن این بهت کمک می‌کنه از شرایط رقابتی (race conditions) جلوگیری کنی و عملکرد رو بهتر کنی.
جواب: حلقه رویداد اجرای چند بخش از برنامه‌تو تو طول زمان مدیریت می‌کنه. وظایف رو بین پشته فراخوانی (call stack) و صف callback/وظایف جابه‌جا می‌کنه. رفتار غیرمسدودکننده رو تضمین می‌کنه و وظایف رو وقتی پشته فراخوانی خالیه اجرا می‌کنه.
دیدگاه بگذارید