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

Question 1

Closure یعنی چه؟

Accepted Answer

تابعی که به متغیرهای scope بیرونی حتی بعد از اتمام آن دسترسی دارد

Answer

روشی برای بستن تب مرورگر

Answer

فقط مترادف برای arrow function

Answer

الگوی طراحی مخصوص class

Question 2

خروجی این کد چیست؟ `console.log(1); setTimeout(()=>console.log(2),0); Promise.resolve().then(()=>console.log(3)); console.log(4);`

Accepted Answer

`1 4 3 2`

Answer

`1 2 3 4`

Answer

`1 4 2 3`

Answer

`1 3 4 2`

Question 3

`this` در arrow function چگونه تعیین می‌شود؟

Accepted Answer

از scope بیرونی به‌صورت واژگانی (lexical) گرفته می‌شود

Answer

همیشه به global/window اشاره می‌کند

Answer

با `call` همیشه عوض می‌شود

Answer

فقط در class تعریف می‌شود

Question 4

حالت‌های یک Promise کدام‌اند؟

Accepted Answer

pending / fulfilled / rejected

Answer

open / closed / aborted

Answer

start / middle / end

Answer

loading / success فقط

Question 5

در `const { a, ...rest } = obj` عملگر `...rest` چه می‌کند؟

Accepted Answer

باقی propertyها را در یک object جمع می‌کند

Answer

آرایه را معکوس می‌کند

Answer

فقط برای class استفاده می‌شود

Answer

کل object را پاک می‌کند

Question 6

وقتی property روی object پیدا نشود چه می‌شود؟

Accepted Answer

موتور روی prototype chain بالا می‌رود تا `null`

Answer

همیشه TypeError پرتاب می‌شود

Answer

فوراً `undefined` بدون جستجو

Answer

فقط در ESM اتفاق می‌افتد

Question 7

خروجی `0 ?? 5` و `0 || 5` چیست؟

Accepted Answer

`0` و `5`

Answer

`5` و `5`

Answer

`0` و `0`

Answer

`5` و `0`

Question 8

تفاوت `bind` با `call`/`apply` چیست؟

Accepted Answer

`bind` تابع جدیدی با `this` ثابت برمی‌گرداند و اجرا نمی‌کند

Answer

`bind` تابع را فوراً اجرا می‌کند

Answer

`bind` فقط برای arrow function کار می‌کند

Answer

هیچ تفاوتی ندارند

Question 9

کدام قبل از تعریفش قابل فراخوانی است؟

Accepted Answer

`function foo() {}` (function declaration)

Answer

`const foo = () => {}`

Answer

`let foo = function () {}`

Answer

`class Foo {}`

Question 10

اگر یکی از promiseها reject شود، `Promise.all` چه می‌کند؟

Accepted Answer

فوراً با همان خطا reject می‌شود

Answer

منتظر همه می‌ماند و نتایج موفق را برمی‌گرداند

Answer

خطا را نادیده می‌گیرد

Answer

promise را دوباره امتحان می‌کند

Question 11

`const b = { ...a }` چه نوع کپی‌ای است؟

Accepted Answer

Shallow: objectهای تودرتو مشترک می‌مانند

Answer

Deep: همه سطوح کپی می‌شوند

Answer

فقط reference همان object

Answer

فقط propertyهای متد

Question 12

Event delegation چیست؟

Accepted Answer

یک listener روی والد و تشخیص هدف با `event.target`

Answer

گذاشتن listener جدا روی هر فرزند

Answer

جلوگیری از همه رویدادها

Answer

اجرای رویداد در Web Worker

Question 13

خروجی `for (var i = 0; i < 3; i++) setTimeout(() => console.log(i));` چیست؟

Accepted Answer

`3 3 3`

Answer

`0 1 2`

Answer

`2 2 2`

Answer

`undefined` سه بار

Question 14

خروجی `async function a() { console.log(1); await null; console.log(2); } a(); console.log(3);` چیست؟

Accepted Answer

`1 3 2`

Answer

`1 2 3`

Answer

`3 1 2`

Answer

`1 3` و `2` هرگز چاپ نمی‌شود

Question 15

`Promise.allSettled([Promise.resolve(1), Promise.reject('e')])` با چه مقداری resolve می‌شود؟

Accepted Answer

`[{ status: 'fulfilled', value: 1 }, { status: 'rejected', reason: 'e' }]`

Answer

با `'e'` reject می‌شود

Answer

`[1, 'e']`

Answer

`[1]`

Question 16

تفاوت `Promise.any` و `Promise.race` چیست؟

Accepted Answer

`any` اولین موفقیت را می‌گیرد و rejectها را نادیده می‌گیرد؛ `race` با اولین settle شدن (موفق یا ناموفق) تمام می‌شود

Answer

`race` اولین موفقیت را می‌گیرد و rejectها را نادیده می‌گیرد؛ `any` با اولین settle شدن تمام می‌شود

Answer

هر دو منتظر تمام شدن همه Promiseها می‌مانند

Answer

هیچ تفاوتی ندارند و `any` فقط نام جدید `race` است

Question 17

با `async function f() { return 1; }` مقدار `f()` چیست؟

Accepted Answer

یک Promise که با `1` resolve می‌شود

Answer

عدد `1`

Answer

`undefined`

Answer

یک generator object

Question 18

چرا `ids.forEach(async id => { await save(id); }); console.log('done');` قبل از ذخیره‌سازی‌ها `done` چاپ می‌کند؟

Accepted Answer

`forEach` منتظر Promiseهای برگشتی callback نمی‌ماند

Answer

`await` داخل callback کار نمی‌کند و خطا می‌دهد

Answer

`forEach` callbackها را در Web Worker اجرا می‌کند

Answer

`console.log` همیشه قبل از همه چیز اجرا می‌شود

Question 19

اگر `getA` و `getB` هر کدام ۱ ثانیه طول بکشند و مستقل باشند، `const a = await getA(); const b = await getB();` حدوداً چقدر طول می‌کشد؟

Accepted Answer

حدود ۲ ثانیه، چون ترتیبی اجرا می‌شوند

Answer

حدود ۱ ثانیه، چون خودکار موازی می‌شوند

Answer

نزدیک صفر، چون `await` مسدودکننده نیست

Answer

حدود ۰٫۵ ثانیه

Question 20

در `async function f() { try { return fetchData(); } catch (e) { return 'fallback'; } }` اگر `fetchData` reject شود چه اتفاقی می‌افتد؟

Accepted Answer

`catch` اجرا نمی‌شود و Promise تابع `f` reject می‌شود

Answer

`catch` اجرا می‌شود و `'fallback'` برمی‌گردد

Answer

خطای نحوی رخ می‌دهد

Answer

تابع برای همیشه pending می‌ماند

Question 21

خروجی `console.log(x); let x = 1;` چیست؟

Accepted Answer

خطای `ReferenceError`

Answer

`undefined`

Answer

`1`

Answer

`null`

Question 22

خروجی `class A { n = 'a'; get() { return this.n; } } const g = new A().get; g();` چیست؟

Accepted Answer

خطای `TypeError` چون `this` برابر `undefined` است

Answer

`'a'`

Answer

`undefined`

Answer

`window.n`

Question 23

روی `parent` یک listener با `{ capture: true }` و روی `child` یک listener معمولی است. با کلیک روی `child` کدام اول اجرا می‌شود؟

Accepted Answer

listener والد

Answer

listener فرزند

Answer

فقط listener فرزند اجرا می‌شود

Answer

ترتیب به مرورگر بستگی دارد

Question 24

بعد از `Object.defineProperty(o, 'x', { value: 1 })` خروجی `Object.keys(o)` شامل `x` است؟

Accepted Answer

خیر؛ پیش‌فرض `enumerable`، `writable` و `configurable` برابر `false` است

Answer

بله؛ همه flagها پیش‌فرض `true` هستند

Answer

بله، ولی فقط‌خواندنی است

Answer

خطا می‌دهد چون `get` تعریف نشده

Question 25

کدام مزیت `Map` نسبت به شیء معمولی است؟

Accepted Answer

هر نوع مقداری (حتی شیء) می‌تواند کلید باشد و `size` دارد

Answer

با `JSON.stringify` به‌صورت خودکار سریال می‌شود

Answer

کلیدها را به ترتیب الفبایی نگه می‌دارد

Answer

حافظه را خودکار آزاد می‌کند مثل `WeakMap`

Question 26

خروجی `[...new Set([1, '1', 1, NaN, NaN])]` چیست؟

Accepted Answer

`[1, '1', NaN]`

Answer

`[1, NaN]`

Answer

`[1, '1', NaN, NaN]`

Answer

`[1]`

Question 27

با `const make = () => { let c = 0; return () => ++c; };` خروجی `const a = make(); a(); a(); const b = make(); console.log(b());` چیست؟

Accepted Answer

`1`

Answer

`3`

Answer

`2`

Answer

`0`

Question 28

خروجی `function P() { this.a = 1; return { b: 2 }; } console.log(new P().a);` چیست؟

Accepted Answer

`undefined`

Answer

`1`

Answer

`2`

Answer

خطای `TypeError`

Question 29

در `class C { #secret = 1; }` اجرای `new C().#secret` بیرون از کلاس چه نتیجه‌ای دارد؟

Accepted Answer

خطای `SyntaxError` در زمان parse

Answer

`undefined` برمی‌گرداند

Answer

`1` برمی‌گرداند

Answer

فقط در strict mode خطا می‌دهد

Question 30

در `class B extends A { constructor() { this.x = 1; super(); } }` با `new B()` چه اتفاقی می‌افتد؟

Accepted Answer

خطای `ReferenceError` چون `this` قبل از `super()` استفاده شده

Answer

بدون مشکل اجرا می‌شود

Answer

`x` نادیده گرفته می‌شود

Answer

`super()` به‌صورت خودکار اول اجرا می‌شود

Question 31

`obj instanceof Foo` دقیقاً چه چیزی را بررسی می‌کند؟

Accepted Answer

آیا `Foo.prototype` در زنجیره prototype شیء `obj` وجود دارد

Answer

آیا `obj.constructor === Foo` است

Answer

آیا `obj` همه propertyهای `Foo` را دارد

Answer

آیا `typeof obj === 'Foo'` است

Question 32

ویژگی شیء ساخته‌شده با `Object.create(null)` چیست؟

Accepted Answer

prototype ندارد و متدهایی مثل `toString` یا `hasOwnProperty` را به ارث نمی‌برد

Answer

برابر `null` است

Answer

غیرقابل تغییر است

Answer

دقیقاً مثل `{}` است

Question 33

خروجی `[1, [2, [3, [4]]]].flat()` چیست؟

Accepted Answer

`[1, 2, [3, [4]]]`

Answer

`[1, 2, 3, 4]`

Answer

`[1, [2, [3, [4]]]]`

Answer

`[1, 2, 3, [4]]`

Question 34

اگر سرور به `fetch(url)` پاسخ `404` بدهد چه اتفاقی می‌افتد؟

Accepted Answer

Promise با یک `Response` که `ok` آن `false` است resolve می‌شود

Answer

Promise با `TypeError` reject می‌شود

Answer

`fetch` به‌صورت خودکار دوباره تلاش می‌کند

Answer

Promise برای همیشه pending می‌ماند

Question 35

نوع `JSON.parse(JSON.stringify({ d: new Date() })).d` چیست؟

Accepted Answer

رشته (ISO string)

Answer

شیء `Date`

Answer

عدد timestamp

Answer

`null`

Question 36

خروجی `isNaN('abc')` و `Number.isNaN('abc')` چیست؟

Accepted Answer

`true` و `false`

Answer

`true` و `true`

Answer

`false` و `false`

Answer

`false` و `true`

Question 37

تفاوت `arr.sort()` و `arr.toSorted()` چیست؟

Accepted Answer

`sort` آرایه اصلی را تغییر می‌دهد؛ `toSorted` آرایه جدید برمی‌گرداند

Answer

`toSorted` آرایه اصلی را تغییر می‌دهد؛ `sort` کپی برمی‌گرداند

Answer

`toSorted` فقط اعداد را مرتب می‌کند

Answer

هیچ تفاوتی ندارند

Question 38

کاربرد گزینه `cause` در `new Error('Save failed', { cause: err })` چیست؟

Accepted Answer

زنجیره کردن خطا با حفظ خطای اصلی برای دیباگ

Answer

جلوگیری از پرتاب خطا

Answer

ارسال خودکار خطا به سرور

Answer

تعیین کد HTTP خطا

Question 39

چرا برای انیمیشن‌های JavaScript، `requestAnimationFrame` بهتر از `setInterval` است؟

Accepted Answer

با چرخه رندر مرورگر هماهنگ است و در تب‌های پنهان متوقف می‌شود

Answer

همیشه دقیقاً ۱۲۰ بار در ثانیه اجرا می‌شود

Answer

callback را در Web Worker اجرا می‌کند

Answer

از GPU برای اجرای JavaScript استفاده می‌کند

Question 40

برای lazy-load تصاویر هنگام ورود به viewport، کدام API مناسب‌تر است؟

Accepted Answer

`IntersectionObserver`

Answer

listener روی `scroll` با `getBoundingClientRect` در هر رویداد

Answer

`MutationObserver`

Answer

`setInterval` برای بررسی موقعیت

Question 41

گزینه `{ passive: true }` در `addEventListener('touchstart', fn, { passive: true })` چه فایده‌ای دارد؟

Accepted Answer

به مرورگر اطمینان می‌دهد `preventDefault` صدا زده نمی‌شود تا scroll بدون انتظار انجام شود

Answer

listener را فقط یک بار اجرا می‌کند

Answer

listener را در مرحله capture اجرا می‌کند

Answer

رویداد را از propagation متوقف می‌کند

Question 42

چطور با یک رویداد سفارشی داده ارسال می‌کنید؟

Accepted Answer

`el.dispatchEvent(new CustomEvent('saved', { detail: data }))`

Answer

`el.emit('saved', data)`

Answer

`el.trigger('saved', data)`

Answer

`new Event('saved', data)` و خواندن آن با `e.data`

Question 43

خروجی `[10, 20, 30].at(-1)` و `[10, 20, 30][-1]` چیست؟

Accepted Answer

`30` و `undefined`

Answer

`30` و `30`

Answer

`undefined` و `30`

Answer

`10` و `undefined`

Question 44

خروجی `Object.fromEntries(Object.entries({ a: 1, b: 2 }).map(([k, v]) => [k, v * 10]))` چیست؟

Accepted Answer

`{ a: 10, b: 20 }`

Answer

`[['a', 10], ['b', 20]]`

Answer

`{ a: 1, b: 2 }`

Answer

`[10, 20]`

Question 45

کاربرد `for await (const chunk of stream)` چیست؟

Accepted Answer

پیمایش async iterableها و انتظار برای هر مقدار به ترتیب

Answer

اجرای موازی همه تکرارها

Answer

تبدیل حلقه به Web Worker

Answer

فقط برای آرایه‌های معمولی است و روی stream کار نمی‌کند

Question 46

خروجی `Symbol('id') === Symbol('id')` و `Symbol.for('id') === Symbol.for('id')` چیست؟

Accepted Answer

`false` و `true`

Answer

`true` و `true`

Answer

`false` و `false`

Answer

`true` و `false`

Question 47

بعد از `const a = [1, 2, 3]; delete a[1];` مقدار `a.length` و `1 in a` چیست؟

Accepted Answer

`3` و `false`

Answer

`2` و `false`

Answer

`3` و `true`

Answer

`2` و `true`

Question 48

خروجی `'a-b-c'.replace('-', '+')` چیست؟

Accepted Answer

`'a+b-c'`

Answer

`'a+b+c'`

Answer

`'a-b+c'`

Answer

`'a-b-c'`

Question 49

با `class U { constructor(f, l) { this.f = f; this.l = l; } get full() { return this.f + ' ' + this.l; } }` چطور نام کامل خوانده می‌شود؟

Accepted Answer

`u.full` (بدون پرانتز)

Answer

`u.full()`

Answer

`u.get('full')`

Answer

`U.full(u)`

Question 50

هدف اصلی الگوی IIFE مثل `(function () { /* ... */ })();` چیست؟

Accepted Answer

ایجاد scope خصوصی و جلوگیری از آلودگی global scope

Answer

اجرای تابع به‌صورت async

Answer

تعریف تابعی که بعداً چند بار فراخوانی شود

Answer

افزایش سرعت اجرای کد

جاوااسکریپت · میدل · 50

Closure یعنی چه؟