سوالات و جواب‌های مهم مصاحبه جاوااسکریپت 2025 (+ پاسخ کامل)

فرقی نمی‌کند که تازه وارد دنیای برنامه‌نویسی جاوا اسکریپت شده‌اید یا چند سالی هست که تجربه‌ کدنویسی در پروژه‌های مختلف را دارید؛ مصاحبه‌ استخدامی همیشه استرس زیادی برای برنامه‌نویس‌ها دارد. به‌خصوص وقتی پای جاوا اسکریپت در میان باشد؛ زبانی که به‌دلیل کاربرد گسترده در فرانت‌اند، بک‌اند و حتی موبایل، همیشه یکی از پرمتقاضی‌ترین مهارت‌ها در بازار کار محسوب می‌شود.

اگر به فهرست آگهی‌های استخدامی نیز سر بزنید، متوجه می‌شوید که جاوااسکریپت تقریباً در همه‌ی موقعیت‌های توسعه‌ وب نقشی کلیدی دارد. اما آیا دانستن “Syntax” و انجام چند پروژه کوچک برای موفقیت در یک مصاحبه فنی کافی است؟! واقعیت این است که بسیاری از مصاحبه‌کننده‌ها، علاوه‌بر مهارت کدنویسی، به‌دنبال درک عمیق شما از مفاهیم پشت زبان، توانایی تحلیل مسائل و توضیح منطقی راه‌حل‌ها هستند.

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

چرا دانستن سوالات متداول مصاحبه جاوااسکریپت اهمیت دارد؟

ورود به یک مصاحبه شغلی بدون آمادگی، دقیقا همانند رفتن به یک میدان مسابقه بدون تمرین است! شاید مهارت خوبی در کدنویسی داشته باشید، اما اگر ندانید مصاحبه‌کننده‌ها دنبال چه هستند و چه نوع سوالاتی می‌پرسند، شانس شما برای موفقیت به‌شدت کاهش پیدا می‌کند. در مصاحبه‌های فنی جاوااسکریپت، معمولاً تنها به نوشتن چند خط کد ساده اکتفا نمی‌شود. کارفرماها به‌دنبال افرادی هستند که:

• درک درستی از مفاهیم پایه‌ای جاوا اسکریپت مانند Scope، Closure، Hoisting و Asynchronous Programming داشته باشند.
• توانایی تحلیل و حل مسئله را به‌جای حفظ کردن پاسخ‌ها نشان دهند.
• بتوانند دلیل پشت تصمیمات فنی خودشان را توضیح بدهند.
• چالش‌پذیر باشند و با به وجود آمدن اولین چالش / باگ در پروژه کنار نکشند.
• با آخرین امکانات نسخه‌های جدید جاوااسکریپت (مانند ES6 به بعد) آشنا باشند و از آن‌ها در کدنویسی استفاده کنند.

از طرفی، خیلی از سوالات مصاحبه طوری طراحی می‌شوند که ضعف‌های احتمالی در دانش شما را آشکار کنند. ممکن است فکر کنید با جاوا اسکریپت به‌خوبی آشنایی دارید، اما یک سوال ساده درباره‌ی تفاوت “null” و “undefined” می‌تواند شما را غافلگیر کند! 

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

سوالات پایه (Basic Level) در مصاحبه جاوااسکریپت

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

۱. جاوا اسکریپت چیست و چه کاربردی دارد؟

جاوا اسکریپت یک زبان برنامه‌ نویسی سطح بالا، تفسیری (interpreted) و شی گرا (object-based) است که برای ایجاد تعامل در صفحات وب استفاده می‌شود. برخلاف HTML و CSS که ساختار و ظاهر صفحات را مشخص می‌کنند، جاوا اسکریپت به صفحات وب زندگی و پویایی می‌بخشد. با ورود تکنولوژی‌هایی مانند “Node.js” کاربرد این زبان فراتر از مرورگرها رفته و امروزه می‌توان با آن در فرانت‌اند، در بک‌اند، توسعه‌ی اپلیکیشن‌های موبایلی و حتی در ساخت بازی‌های تحت وب فعالیت کرد!

۲. تفاوت var، let و const در جاوااسکریپت چیست؟

• var: متغیر را در scope تابع تعریف می‌کند و قابلیت hoisting دارد (یعنی به ابتدای scope منتقل می‌شود).
• let: متغیر را در block scope تعریف می‌کند و برخلاف var اجازه‌ی تعریف مجدد در همان scope را نمی‌دهد.
• const: شبیه به let است اما مقدارش قابل تغییر نیست (البته برای primitive values؛ در مورد آبجکت‌ها و آرایه‌ها می‌توان properties را تغییر داد).

✅ نکته: استفاده از let و const به‌عنوان روش استاندارد مدرن توصیه می‌شود و var تقریباً منسوخ شده است.

۳. تفاوت == و === در جاوااسکریپت چیست؟

• ==: مقایسه با تبدیل نوع (type coercion) انجام می‌دهد. یعنی اگر دو مقدار از نوع متفاوت باشند، تلاش می‌کند آن‌ها را به یک نوع تبدیل کند.
• ===: مقایسه‌ی سختگیرانه (strict equality) انجام می‌دهد و هم مقدار و هم نوع داده باید یکسان باشند.

🟢 مثال:

0 == '0'    // true
0 === '0'   // false

۴. Hoisting در جاوا اسکریپت به چه معناست؟

Hoisting به فرآیندی گفته می‌شود که در آن تعاریف متغیرها و توابع (به جز توابع Arrow) به ابتدای scope مربوطه منتقل می‌شوند. این یعنی می‌توانید قبل از تعریف یک تابع آن را صدا بزنید:

sayHello();
function sayHello() {
  console.log('Hello!');
}

 

ولی برای var، let و const ماجرا کمی متفاوت است. در حالی‌که var به undefined hoist می‌شود، let و const وارد Temporal Dead Zone شده و قبل از تعریف قابل استفاده نیستند.

۵. Closure در جاوااسکریپت چیست؟

Closure به تابعی گفته می‌شود که به متغیرهای scope والد خود دسترسی دارد حتی اگر آن تابع خارج از آن scope اجرا شود.

🟢 مثال:

function outer() {
let count = 0;
return function inner() {
count++;
console.log(count);
}
}
const counter = outer();
counter();  // 1
counter();  // 2

 

در این مثال، inner به متغیر count که در outer تعریف شده دسترسی دارد، حتی بعد از اینکه outer اجرا شده و تمام شده است.

 نکته‌ی پایانی این بخش

در مصاحبه‌ها، معمولاً مصاحبه‌کننده بعد از مطرح کردن این سوالات از شما می‌خواهد مثال بزنید یا در مورد تفاوت‌های عملکردی توضیح دهید. بنابراین فقط دانستن تعریف کافی نیست؛ بهتر است با مثال و کاربرد عملی این مفاهیم آشنا باشید.

سوالات سطح متوسط (Intermediate Level) در مصاحبه جاوااسکریپت

بعد از سوالات پایه، مصاحبه‌کننده‌ها معمولاً سراغ مفاهیمی می‌روند که درک عمیق‌تری از جاوااسکریپت و توانایی حل مسئله شما را بسنجند. در این مرحله، انتظار دارند شما علاوه‌بر syntax زبان، با رفتارهای پشت‌صحنه‌ جاوااسکریپت، مدیریت async و مفاهیم مهم‌تر آشنا باشید. این سطح جایی است که فرق برنامه‌نویس «جونیور» و «میدلول» تا حد زیادی مشخص می‌شود. در ادامه برخی از مهم‌ترین سوالات سطح متوسط را مرور می‌کنیم:

۱. تفاوت بین Synchronous و Asynchronous در جاوااسکریپت چیست؟

• Synchronous (هم‌زمان): دستورات به ترتیب نوشته شدن اجرا می‌شوند. هر خط منتظر تمام شدن خط قبلی است.
• Asynchronous (غیر هم‌زمان): اجرای کدها متوقف نمی‌شود و می‌توان بخشی از کد را به‌صورت موازی (در آینده) اجرا کرد، بدون اینکه بقیه‌ی کد منتظر بماند.
  

🟢 مثال ساده:

console.log('Start');
setTimeout(() => console.log('Async Task'), 1000);
console.log('End');

خروجی:

Start
End
Async Task

۲. Promise در جاوااسکریپت چیست و چه کاربردی دارد؟

“Promise” یک شیء است که نتیجه‌ی نهایی یک عملیات “async” را نشان می‌دهد که عملیات موفق (resolved) یا رد (rejecte) شده است.  Promises کمک می‌کنند تا کد async را قابل‌خواندن‌تر و تمیزتر بنویسیم و از Callback Hell جلوگیری کنیم.

🟢 مثال:

let myPromise = new Promise((resolve, reject) => {
let success = true;
  if (success) {
    resolve('Task completed!');
  } else {
    reject('Task failed!');
  }
});
myPromise
  .then(result => console.log(result))
  .catch(error => console.log(error));

۳. تفاوت بین null و undefined چیست؟

• undefined: زمانی استفاده می‌شود که متغیری تعریف شده ولی مقداردهی نشده باشد.
• null: به‌صورت عمدی به یک متغیر داده می‌شود تا نشان دهد که هیچ مقداری ندارد.

🟢 مثال:

let a;
console.log(a);      // undefined
let b = null;
console.log(b);      // null

✅ نکته: typeof null === ‘object’ یک باگ تاریخی در جاوااسکریپت است که هنوز هم وجود دارد!

۴. تفاوت بین call()، apply() و bind() چیست؟

این سه متد برای تعیین context (یعنی this) در زمان اجرای یک تابع استفاده می‌شوند:

متد	نحوه‌ی ارسال آرگومان‌ها	نتیجه
call()	آرگومان‌ها به‌صورت جداگانه	بلافاصله اجرا می‌شود
apply()	آرگومان‌ها به‌صورت آرایه	بلافاصله اجرا می‌شود
bind()	آرگومان‌ها جداگانه	یک تابع جدید می‌سازد که بعداً می‌توان اجرا کرد

🟢 مثال:

function greet(greeting) {
  console.log(`${greeting}, ${this.name}`);
}
const person = { name: 'Ali' };
greet.call(person, 'Hello');           // Hello, Ali
greet.apply(person, ['Hi']);           // Hi, Ali
const boundGreet = greet.bind(person);
boundGreet('Salam');                   // Salam, Ali

۵. Event Bubbling و Event Capturing چیست؟

وقتی رویدادی (مثل کلیک) در یک عنصر DOM اتفاق می‌افتد، دو فاز اصلی وجود دارد:

1. Capturing Phase: رویداد از والدهای بالاتر شروع می‌شود و به سمت عنصر هدف حرکت می‌کند.
2. Bubbling Phase: پس از رسیدن به عنصر هدف، رویداد از پایین به بالا (به سمت والدها) حرکت می‌کند.

به‌طور پیش‌فرض در جاوااسکریپت، رویدادها در حالت Bubbling اتفاق می‌افتند. اگر بخواهید در Capturing فاز گوش دهید، باید آرگومان true را به addEventListener بدهید.

🟢 مثال:

element.addEventListener('click', handler, true);  // Capturing
element.addEventListener('click', handler, false); // Bubbling (default)

 نکته‌ی پایانی این بخش

در مصاحبه‌های سطح متوسط، مصاحبه‌کننده‌ها معمولاً با یک سوال پایه شروع می‌کنند و پاسخ شما را بهانه‌ای برای مطرح کردن سوالات عمیق‌تر و دنبال‌دار قرار می‌دهند. پس سعی کنید پاسخ‌هایتان را با مثال‌های واقعی همراه کنید و صرفاً به تعریف‌های کتابی اکتفا نکنید.

سوالات پیشرفته (Advanced Level) در مصاحبه جاوااسکریپت

در این مرحله، مصاحبه‌کننده‌ها به‌دنبال سنجش عمق دانش فنی شما هستند. هدف این نیست که فقط کد بنویسید، بلکه باید نشان دهید چطور فکر می‌کنید، چقدر مفاهیم زبان را درک کرده‌اید و آیا می‌توانید در شرایط پیچیده و واقعی بهترین راه‌حل را پیدا کنید یا نه! سوالات پیشرفته اغلب حول محورهایی مانند بهینه‌سازی کد، مدیریت حافظه، ساختارهای پیشرفته، async programming، و مفاهیم Functional Programming می‌چرخند. در ادامه برخی از رایج‌ترین و مهم‌ترین این سؤالات را با پاسخ‌های مفهومی بررسی می‌کنیم:

۱. Currying در جاوااسکریپت چیست و چه کاربردی دارد؟

Currying تکنیکی در برنامه‌نویسی تابعی است که یک تابع با چندین آرگومان را به مجموعه‌ای از توابع تبدیل می‌کند که هر کدام فقط یک آرگومان می‌گیرند.
این کار باعث می‌شود توابع قابل ترکیب، خواناتر و قابل استفاده مجدد شوند.

🟢 مثال:

function multiply(a) {
  return function(b) {
    return a * b;
  };
}
const double = multiply(2);
console.log(double(5)); // 10

✅ با استفاده از Currying می‌توان به‌راحتی توابع جدید ساخت که بخشی از ورودی‌ها را از قبل تعیین کرده‌اند.

۲. تفاوت بین Deep Copy و Shallow Copy چیست؟

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

🟢 مثال Shallow Copy:

const obj1 = { name: 'Ali', details: { age: 25 } };
const obj2 = { ...obj1 };
obj2.details.age = 30;
console.log(obj1.details.age); // 30 (رفرنس مشترک)

🟢 Deep Copy (یکی از روش‌ها):

const obj2 = JSON.parse(JSON.stringify(obj1));

(البته این روش برای آبجکت‌های ساده جواب می‌دهد و محدودیت‌هایی دارد.)

۳. Async/Await چگونه کار می‌کند؟

async و await سینتکسی برای نوشتن کد async است که ظاهر آن شبیه کد synchronous است، اما در پشت صحنه با Promise کار می‌کند.

• async: پشت تعریف تابع قرار می‌گیرد و باعث می‌شود آن تابع همیشه یک Promise برگرداند.
• await: فقط داخل توابع async قابل استفاده است و منتظر تمام شدن Promise می‌ماند.

🟢 مثال:

async function fetchData() {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    console.log(data);
  } catch (error) {  
    console.error(error);
  }
}

✅ نکته: استفاده از async/await کد را تمیزتر و قابل‌فهم‌تر از chain کردن .then() و .catch() می‌کند.

۴. Generators و Iterators چه هستند؟

• Iterator: هر چیزی که دارای متد next() باشد و هر بار که این متد را صدا بزنید، یک شیء با value و done برمی‌گرداند.
• Generator: نوعی تابع خاص است که با function* تعریف می‌شود و می‌تواند در طول اجرا متوقف و دوباره ادامه داده شود. Generator به‌طور خودکار یک Iterator تولید می‌کند.

🟢 مثال:

function* myGenerator() {
  yield 1;
  yield 2;
  yield 3;
}
const gen = myGenerator();
console.log(gen.next()); // { value: 1, done: false }
console.log(gen.next()); // { value: 2, done: false }

✅ Generatorها برای مدیریت sequenceهای بزرگ، streamها و async iterators بسیار کاربردی هستند.

۵. Memoization چیست و چرا مهم است؟

Memoization تکنیکی برای افزایش کارایی کد است که در آن نتایج توابع برای ورودی‌های مشخص ذخیره می‌شوند تا اگر دوباره با همان ورودی فراخوانی شدند، به‌جای محاسبه‌ی مجدد، نتیجه‌ی قبلی برگردانده شود.

🟢 مثال:

function memoizedAdd() {
  const cache = {};
  return function(num) {
    if (cache[num]) {
      console.log('Fetching from cache');
      return cache[num];
    }
console.log('Calculating result');
const result = num + 10;
cache[num] = result;
return result;
};
}
const add = memoizedAdd();
console.log(add(5)); // Calculating result -> 15
console.log(add(5)); // Fetching from cache -> 15

✅ Memoization برای بهبود عملکرد در الگوریتم‌های بازگشتی (مثل Fibonacci) یا توابعی که محاسبات سنگینی دارند بسیار مفید است.

 نکته پایانی این بخش

در این مرحله از مصاحبه معمولا بیش از هر چیزی شیوه‌ی تفکر، تحلیل مسئله و توانایی توضیح تصمیمات فنی شما اهمیت دارد. سعی کنید فقط حفظ‌کننده‌ی پاسخ‌ها نباشید؛ مهم است که نشان دهید چرا یک راه‌حل را انتخاب کرده‌اید و چه مزایایی نسبت به گزینه‌های دیگر دارد!

سوالات مربوط به ES6 و نسخه‌های جدیدتر جاوااسکریپت

با معرفی ECMAScript 6) ES6) و نسخه‌های جدیدتر، جاوا اسکریپت وارد دوره‌ای شد که نوشتن کدهای تمیز، خوانا و مدرن بسیار راحت‌تر شده است. اکثر شرکت‌ها انتظار دارند که توسعه‌دهندگان با این قابلیت‌ها آشنا باشند و از آن‌ها در پروژه‌ها استفاده کنند. بنابراین در مصاحبه‌های فنی جاوااسکریپت، سوالات مربوط به +E6S معمولاً پای ثابت ماجرا هستند. 

در ادامه مهم‌ترین سوالات این بخش را همراه با توضیحات کاربردی بررسی می‌کنیم:

۱. Arrow Function چیست و چه تفاوتی با Function معمولی دارد؟

Arrow Function یک روش کوتاه‌تر برای تعریف توابع در جاوااسکریپت است. تفاوت مهم آن با توابع معمولی در نحوه‌ی رفتار this در شی‌گرایی است:

• Arrow Functions this را از context بالادستی به ارث می‌برند و this جدید ایجاد نمی‌کنند.
• برای متدهای کلاس‌ها یا آبجکت‌ها معمولاً نباید از Arrow Function استفاده کرد (اگر نیاز به this جدید دارید).

🟢 مثال:

const add = (a, b) => a + b;
console.log(add(2, 3)); // 5

✅ نکته: Arrow Function‌ها نمی‌توانند به‌عنوان constructor استفاده شوند و فاقد arguments object هستند.

۲. Template Literals چیست؟

Template Literals یا قالب‌های رشته‌ای امکان ساخت رشته‌ها با چند خط و استفاده از متغیرها در داخل رشته را به روشی بسیار خواناتر فراهم می‌کند. برای این کار از backtick () استفاده می‌شود و متغیرها را با ${}` وارد می‌کنیم.

🟢 مثال:

const name = 'Sara';
const greeting = `Hello, ${name}! Welcome to JavaScript world.`;
console.log(greeting);

۳. Spread Operator (…) و Rest Parameter (…) چه هستند؟

• Spread Operator: برای گسترش یک آرایه یا آبجکت به اجزای آن استفاده می‌شود.
• Rest Parameter: برای جمع‌آوری آرگومان‌ها به‌صورت آرایه در تعریف تابع به کار می‌رود.

🟢 Spread Example:

const arr1 = [1, 2, 3];
const arr2 = [...arr1, 4, 5];
console.log(arr2); // [1, 2, 3, 4, 5]

🟢 Rest Example:

function sum(...numbers) {
  return numbers.reduce((acc, num) => acc + num, 0);
}
console.log(sum(1, 2, 3)); // 6

✅ نکته: این دو کاربرد کاملاً متفاوتی دارند ولی از یک سینتکس (…) استفاده می‌کنند.

۴. Destructuring در جاوااسکریپت چگونه انجام می‌شود؟

Destructuring قابلیتی است که به شما اجازه می‌دهد مقادیر آبجکت‌ها یا آرایه‌ها را به‌راحتی در متغیرها unpack کنید.

🟢 Array Destructuring:

const numbers = [1, 2, 3];
const [first, second] = numbers;
console.log(first); // 1

🟢 Object Destructuring:

const person = { name: 'Ali', age: 30 };
const { name, age } = person;
console.log(name); // Ali

✅ نکته: می‌توانید برای مقادیر پیش‌فرض هم از destructuring استفاده کنید:

const { city = 'Tehran' } = person;

۵. ماژول‌ها (Modules) در جاوااسکریپت چیست و چطور کار می‌کنند؟

در ES6 امکان تقسیم کد به فایل‌های مجزا و import/export کردن آن‌ها به‌صورت رسمی اضافه شد.

🟢 Export:

export const PI = 3.14;
export function multiply(a, b) {
  return a * b;
}

🟢 Import:

import { PI, multiply } from './math.js';
console.log(multiply(2, 3)); // 6

✅ نکته:

• export default برای export کردن یک مقدار یا تابع به‌عنوان پیش‌فرض استفاده می‌شود.
• import * as برای import کردن همه‌ی exportsها به‌صورت یک آبجکت به کار می‌رود.

 نکته‌ی پایانی این بخش

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

سوالات مفهومی درباره‌ی Object-Oriented Programming در جاوااسکریپت

یکی از ویژگی‌های جالب جاوا اسکریپت این است که هم از الگوهای برنامه‌نویسی تابعی (Functional) و هم از شی‌گرا (Object-Oriented) پشتیبانی می‌کند. به همین دلیل، در بسیاری از پروژه‌های بزرگ، مخصوصاً در توسعه‌ی سمت سرور یا ساختارهای پیچیده‌ی فرانت‌اند، مفاهیم شی‌گرایی نقش مهمی ایفا می‌کنند.

در مصاحبه‌ها، سوالات مرتبط با OOP (برنامه‌نویسی شی‌گرا) بیشتر برای سنجش درک شما از ساختارها، انتزاع، و ارتباط بین آبجکت‌ها و توابع مطرح می‌شود. در ادامه مهم‌ترین سؤالات این بخش را بررسی می‌کنیم:

۱. Class و Constructor در جاوااسکریپت چیست؟

در نسخه‌های جدید جاوااسکریپت (ES6 به بعد)، class به‌عنوان سینتکس sugar برای ایجاد constructor functions معرفی شد. پشت‌صحنه‌ی کلاس‌ها همان الگوی قدیمی prototype-based inheritance است، اما نوشتن آن‌ها بسیار تمیزتر و خواناتر شده است.

🟢 مثال:

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  greet() {
    console.log(`Hello, my name is ${this.name}`);
  }
}
const person1 = new Person('Ali', 30);
person1.greet(); // Hello, my name is Ali

۲. Inheritance (وراثت) در جاوااسکریپت چگونه پیاده‌سازی می‌شود؟

وراثت در جاوااسکریپت به‌صورت prototype-based انجام می‌شود. در نسخه‌های جدید با استفاده از extends می‌توان به‌راحتی کلاس‌ها را از یکدیگر به ارث برد.

🟢 مثال:

class Animal {
  constructor(name) {
     this.name = name;
  }
  speak() {
     console.log(`${this.name} makes a sound.`);
  }
}
class Dog extends Animal {
  speak() {

     console.log(`${this.name} barks.`);
  }
}
const dog = new Dog('Max');
dog.speak(); // Max barks.

✅ نکته: متد super() برای فراخوانی constructor یا متدهای کلاس والد استفاده می‌شود.

۳. Encapsulation (کپسوله‌سازی) در جاوااسکریپت چیست و چطور پیاده‌سازی می‌شود؟

کپسوله‌سازی به معنای پنهان‌سازی داده‌ها و پیاده‌سازی متدهایی برای دسترسی کنترل‌شده به آن‌ها است.
در جاوااسکریپت برای پیاده‌سازی Encapsulation می‌توان از:

• متغیرهای private (خصوصی) با استفاده از #
• یا closures استفاده کرد.

🟢 مثال با #:

class Counter {
  #count = 0;
increment() {
  this.#count++;
}
getCount() {
  return this.#count;
}
}
const counter = new Counter();
counter.increment();
console.log(counter.getCount()); // 1

✅ نکته: متغیرهای private با # فقط در داخل کلاس قابل دسترسی هستند و از بیرون نمی‌توان آن‌ها را خواند یا تغییر داد.

۴. Polymorphism (چندریختی) در جاوااسکریپت چگونه قابل پیاده‌سازی است؟

چندریختی به معنای توانایی داشتن چندین فرم مختلف از یک متد یا تابع است. در جاوااسکریپت، این موضوع معمولاً از طریق:

• Overriding متدها در subclassها
• یا استفاده از duck typing (اگر چیزی شبیه اردک راه برود و مثل اردک صدا کند، احتمالاً اردک است!)
  پیاده‌سازی می‌شود.

🟢 مثال:

class Shape {
draw() {
    console.log('Drawing a shape');
}
}
class Circle extends Shape { 
    draw() {
      console.log('Drawing a circle');
    }
}
const shapes = [new Shape(), new Circle()];
shapes.forEach(shape => shape.draw());
// Output:
// Drawing a shape
// Drawing a circle

 

✅ نکته: جاوااسکریپت function overloading به معنای کلاسیک (مثل Java یا C#) ندارد، اما با استفاده از آرگومان‌های پیش‌فرض یا شرط‌های داخلی متد می‌توان عملکرد مشابهی ایجاد کرد.

نکته‌ی پایانی این بخش:

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

جمع‌بندی

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

در این مقاله تلاش کردیم مهم‌ترین سوالات مصاحبه جاوااسکریپت را همراه با پاسخ‌ها و نکات کلیدی برایتان جمع‌آوری کنیم. سوالاتی که دانستن آن‌ها به شما کمک می‌کند با اعتماد به‌نفس وارد جلسه مصاحبه شوید و به‌جای حفظ کردن جواب‌ها، درک عمیقی از مفاهیم پشت هر سوال داشته باشید. همچنین فراموش نکنید دانش فنی، تنها یک بخش از مسیر موفقیت است. نوع برخورد، توانایی توضیح دادن مسائل پیچیده با زبان ساده و داشتن ذهن باز برای یادگیری، همان چیزهایی هستند که شما را از دیگران متمایز می‌کنند.