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

Question 1

کدام مورد می‌تواند باعث memory leak در فرانت شود؟

Accepted Answer

listener روی window بدون remove

Answer

استفاده از `const` به‌جای `let`

Answer

نوشتن کد با TypeScript

Answer

استفاده از template literal

Question 2

برای محدود کردن اجرای تابع هنگام تایپ در سرچ، کدام مناسب‌تر است؟

Accepted Answer

Debounce

Answer

Throttle

Answer

فقط `setInterval`

Answer

`Object.freeze`

Question 3

`function*` چه چیزی برمی‌گرداند؟

Accepted Answer

یک Generator/Iterator قابل pause با `yield`

Answer

همیشه یک Promise

Answer

یک Proxy

Answer

چیزی برنمی‌گرداند

Question 4

کلید WeakMap چه محدودیتی دارد؟

Accepted Answer

فقط object می‌تواند کلید باشد

Answer

فقط string

Answer

فقط number

Answer

محدودیتی ندارد مثل Map

Question 5

کدام ویژگی بیشتر به ESM مربوط است تا CommonJS؟

Accepted Answer

استاتیک و tree-shakeable بودن `import`/`export`

Answer

استفاده اجباری از `require`

Answer

همگام بودن مطلق لود ماژول در مرورگر

Answer

نداشتن پشتیبانی در مرورگرهای مدرن

Question 6

Proxy عمدتاً برای چه استفاده می‌شود؟

Accepted Answer

رهگیری عملیات پایه object مثل get/set

Answer

فشرده‌سازی تصویر

Answer

جایگزین کامل HTTP

Answer

فقط برای تست واحد

Question 7

مزیت `structuredClone` بر `JSON.parse(JSON.stringify(x))`؟

Accepted Answer

از `Date`، `Map`، `Set` و ارجاع حلقوی پشتیبانی می‌کند

Answer

تابع‌ها را هم کپی می‌کند

Answer

فقط shallow copy می‌کند

Answer

فقط در Node کار می‌کند

Question 8

اگر microtaskها پشت سر هم microtask جدید بسازند چه می‌شود؟

Accepted Answer

رندر و macrotaskها مسدود می‌شوند (starvation)

Answer

مرورگر خودش آن‌ها را به setTimeout منتقل می‌کند

Answer

فقط اولی اجرا می‌شود

Answer

اثری ندارد

Question 9

برای لغو یک `fetch` در حال اجرا از چه استفاده می‌شود؟

Accepted Answer

`AbortController` و `signal`

Answer

`clearTimeout`

Answer

`Promise.cancel()`

Answer

`fetch.stop()`

Question 10

کدام درباره Web Worker درست است؟

Accepted Answer

کار سنگین را خارج از main thread اجرا می‌کند ولی به DOM دسترسی ندارد

Answer

مستقیماً DOM را تغییر می‌دهد

Answer

state را با main thread به‌صورت مشترک و همگام دارد

Answer

فقط برای انیمیشن CSS است

Question 11

`Object.freeze` روی object تودرتو چه اثری دارد؟

Accepted Answer

فقط سطح اول freeze می‌شود (shallow)

Answer

همه سطوح عمیقاً freeze می‌شوند

Answer

object را حذف می‌کند

Answer

فقط متدها را freeze می‌کند

Question 12

چطور یک object سفارشی را با `for...of` قابل پیمایش کنیم؟

Accepted Answer

پیاده‌سازی `[Symbol.iterator]()`

Answer

اضافه کردن property به نام `length`

Answer

ارث‌بری از `Array`

Answer

تعریف متد `forEach`

Question 13

چرا ساختن اشیاء با `{ x, y }` در یک جا و `{ y, x }` در جای دیگر و ارسال هر دو به یک تابع داغ (hot) می‌تواند کند باشد؟

Accepted Answer

ترتیب متفاوت propertyها hidden class (shape) متفاوت می‌سازد و inline cache را polymorphic می‌کند

Answer

موتور برای هر شیء یک thread جدا می‌سازد

Answer

اشیاء با ترتیب متفاوت همیشه در dictionary mode ذخیره می‌شوند

Answer

ترتیب property هیچ اثری ندارد؛ فقط تعداد آن‌ها مهم است

Question 14

از نظر عملکرد در V8، مشکل `const a = new Array(1000)` و پر کردن تدریجی آن چیست؟

Accepted Answer

آرایه با elements kind از نوع HOLEY ساخته می‌شود و هرگز به PACKED برنمی‌گردد

Answer

آرایه تا پر شدن کامل روی دیسک ذخیره می‌شود

Answer

هر بار مقداردهی کل آرایه کپی می‌شود

Answer

مشکلی ندارد و همیشه سریع‌ترین روش است

Question 15

در `function f() { const big = new Array(1e6).fill(0); const unused = () => big.length; return () => 1; }` آیا تابع برگشتی `big` را در حافظه نگه می‌دارد؟

Accepted Answer

بله؛ closureهای یک scope یک context مشترک دارند که شامل `big` است

Answer

خیر؛ چون تابع برگشتی از `big` استفاده نمی‌کند

Answer

خیر؛ `const` همیشه بعد از return آزاد می‌شود

Answer

فقط در strict mode نگه داشته می‌شود

Question 16

خروجی `setTimeout(() => log(1)); Promise.resolve().then(() => { log(2); setTimeout(() => log(3)); }); queueMicrotask(() => log(4)); log(5);` چیست؟

Accepted Answer

`5 2 4 1 3`

Answer

`5 4 2 1 3`

Answer

`5 2 4 3 1`

Answer

`5 1 2 4 3`

Question 17

با `const p = Promise.resolve(1);` خروجی `Promise.resolve(p) === p` و `new Promise(r => r(p)) === p` چیست؟

Accepted Answer

`true` و `false`

Answer

`false` و `false`

Answer

`true` و `true`

Answer

`false` و `true`

Question 18

اگر یک Promise reject شود و handler آن بعداً (مثلاً در `setTimeout`) اضافه شود، در مرورگر چه اتفاقی می‌افتد؟

Accepted Answer

ابتدا `unhandledrejection` و بعد از افزودن handler رویداد `rejectionhandled` رخ می‌دهد

Answer

handler دیرهنگام هرگز اجرا نمی‌شود

Answer

مرورگر صفحه را reload می‌کند

Answer

هیچ رویدادی رخ نمی‌دهد چون در نهایت handle شده

Question 19

کدام گزینه درباره `WeakRef` و `FinalizationRegistry` درست است؟

Accepted Answer

اجرای callback پاک‌سازی تضمین‌شده نیست و نباید منطق حیاتی به آن وابسته باشد

Answer

callback دقیقاً بلافاصله بعد از آخرین reference اجرا می‌شود

Answer

`deref()` همیشه شیء را برمی‌گرداند

Answer

`WeakRef` شیء را برای همیشه از GC محافظت می‌کند

Question 20

چرا حلقه `for (const el of items) { el.style.width = box.offsetWidth + 'px'; }` کند است؟

Accepted Answer

خواندن `offsetWidth` بعد از هر نوشتن، reflow همگام (forced layout) ایجاد می‌کند

Answer

`style.width` فقط در `requestIdleCallback` کار می‌کند

Answer

`for...of` روی NodeList همیشه کند است

Answer

الحاق رشته با `'px'` حافظه زیادی مصرف می‌کند

Question 21

بعد از `worker.postMessage(buf, [buf])` که `buf` یک `ArrayBuffer` است، مقدار `buf.byteLength` در thread اصلی چیست؟

Accepted Answer

`0`، چون مالکیت منتقل و buffer جدا (detached) شده

Answer

همان اندازه قبلی، چون کپی شده

Answer

`undefined`

Answer

خطای `DataCloneError`

Question 22

برای استفاده از `SharedArrayBuffer` در مرورگرهای مدرن چه شرطی لازم است؟

Accepted Answer

cross-origin isolation با هدرهای `COOP: same-origin` و `COEP: require-corp`

Answer

فقط اجرای صفحه روی `localhost`

Answer

فعال کردن strict mode در همه اسکریپت‌ها

Answer

ثبت یک Service Worker

Question 23

با `const t = Object.freeze({ a: 1 }); const p = new Proxy(t, { get: () => 2 });` خواندن `p.a` چه نتیجه‌ای دارد؟

Accepted Answer

خطای `TypeError` به‌خاطر نقض invariant پروکسی

Answer

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

Answer

`1` برمی‌گرداند و trap نادیده گرفته می‌شود

Answer

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

Question 24

چرا در trap `get(target, key, receiver)` بهتر است `Reflect.get(target, key, receiver)` برگردانده شود نه `target[key]`؟

Accepted Answer

تا getterها با `this` برابر proxy اجرا شوند و دسترسی‌های داخلی هم از trap عبور کنند

Answer

چون `target[key]` در Proxy خطای نحوی است

Answer

`Reflect.get` نتیجه را cache می‌کند

Answer

`Reflect.get` propertyهای private را هم برمی‌گرداند

Question 25

خروجی `0 === -0`، `Object.is(0, -0)` و `1 / -0` چیست؟

Accepted Answer

`true`، `false`، `-Infinity`

Answer

`true`، `true`، `Infinity`

Answer

`false`، `false`، `-Infinity`

Answer

`true`، `false`، `NaN`

Question 26

خروجی `2 ** 53 === 2 ** 53 + 1` چیست؟

Accepted Answer

`true`

Answer

`false`

Answer

`NaN`

Answer

خطای `RangeError`

Question 27

نتیجه `1n + 1` و `JSON.stringify({ id: 1n })` چیست؟

Accepted Answer

هر دو `TypeError` می‌دهند

Answer

`2n` و `'{"id":1}'`

Answer

`2` و `'{"id":"1n"}'`

Answer

`2n` و `'{}'`

Question 28

یک تابع deep merge ساده، `JSON.parse('{"__proto__": {"isAdmin": true}}')` را در `{}` merge می‌کند. سپس `({}).isAdmin` چیست؟

Accepted Answer

`true`، چون `Object.prototype` آلوده شده است

Answer

`undefined`، چون `JSON.parse` کلید `__proto__` را حذف می‌کند

Answer

`false`

Answer

merge خطای `TypeError` می‌دهد

Question 29

در `counter.js`: `export let count = 0; export const inc = () => count++;` و در `main.js`: `import { count, inc } from './counter.js'; inc(); console.log(count);` چه چاپ می‌شود؟

Accepted Answer

`1`، چون importها در ESM binding زنده هستند

Answer

`0`، چون مقدار هنگام import کپی شده

Answer

خطای `TypeError` چون import فقط‌خواندنی است

Answer

`undefined`

Question 30

`a.js` ماژول `b.js` را import می‌کند و `b.js` در سطح بالا از `export const x` در `a.js` استفاده می‌کند. اگر ورودی `a.js` باشد چه می‌شود؟

Accepted Answer

خطای `ReferenceError` چون `x` هنوز در TDZ است

Answer

`b.js` مقدار `undefined` می‌بیند

Answer

موتور ترتیب اجرا را خودکار اصلاح می‌کند

Answer

بارگذاری ماژول‌ها در حلقه بی‌نهایت می‌افتد

Question 31

اثر `await` در سطح بالای یک ES module روی ماژول‌هایی که آن را import می‌کنند چیست؟

Accepted Answer

اجرای ماژول‌های وابسته تا resolve شدن آن به تعویق می‌افتد

Answer

کل thread اصلی مرورگر مسدود می‌شود

Answer

importerها مقدار `undefined` می‌گیرند و ادامه می‌دهند

Answer

فقط در CommonJS مجاز است

Question 32

چرا schedulerهایی مثل React به جای `setTimeout(fn, 0)` تکراری از `MessageChannel` استفاده می‌کنند؟

Accepted Answer

`setTimeout`های تودرتو بعد از چند سطح حداقل ۴ms تأخیر می‌گیرند

Answer

`MessageChannel` callback را به‌صورت microtask اجرا می‌کند

Answer

`setTimeout` در React غیرفعال است

Answer

`MessageChannel` کد را روی thread جداگانه اجرا می‌کند

Question 33

`setTimeout(fn, 2 ** 31)` (حدود ۲۵ روز) چه زمانی اجرا می‌شود؟

Accepted Answer

تقریباً فوراً، چون تأخیر از int32 علامت‌دار سرریز می‌کند

Answer

دقیقاً بعد از ۲۵ روز

Answer

هرگز اجرا نمی‌شود

Answer

خطای `RangeError` می‌دهد

Question 34

با `function* g() { try { yield 1; yield 2; } finally { console.log('cleanup'); } }` اگر داخل `for (const x of g()) { break; }` حلقه زودتر تمام شود چه می‌شود؟

Accepted Answer

`for...of` متد `return()` را صدا می‌زند و `cleanup` چاپ می‌شود

Answer

generator معلق می‌ماند و `finally` هرگز اجرا نمی‌شود

Answer

`break` داخل حلقه روی generator خطا می‌دهد

Answer

`yield 2` اجرا می‌شود و بعد `cleanup`

Question 35

از ES2019 کدام تضمین برای `Array.prototype.sort` اضافه شد؟

Accepted Answer

مرتب‌سازی پایدار (stable) است و ترتیب نسبی عناصر برابر حفظ می‌شود

Answer

پیچیدگی آن همیشه O(n) است

Answer

آرایه اصلی را تغییر نمی‌دهد

Answer

به‌طور پیش‌فرض اعداد را عددی مرتب می‌کند

Question 36

خروجی `'😀'.length` و `[...'😀'].length` چیست؟

Accepted Answer

`2` و `1`

Answer

`1` و `1`

Answer

`2` و `2`

Answer

`4` و `1`

Question 37

خروجی `((a, b = 1, c) => {}).length` چیست؟

Accepted Answer

`1`

Answer

`3`

Answer

`2`

Answer

`0`

Question 38

`new.target` داخل یک تابع چه چیزی را نشان می‌دهد؟

Accepted Answer

constructorی که با `new` صدا زده شده، یا `undefined` اگر بدون `new` فراخوانی شده باشد

Answer

شیء `this` جدید

Answer

prototype والد

Answer

آخرین شیئی که با `new` ساخته شده

Question 39

خروجی `Object.keys({ b: 1, 2: 1, a: 1, 1: 1 })` چیست؟

Accepted Answer

`['1', '2', 'b', 'a']`

Answer

`['b', '2', 'a', '1']`

Answer

`['a', 'b', '1', '2']`

Answer

ترتیب تضمین‌شده نیست

Question 40

خروجی `[] == ![]` چیست؟

Accepted Answer

`true`

Answer

`false`

Answer

خطای `TypeError`

Answer

`undefined`

Question 41

خروجی `Array(3).map((_, i) => i)` چیست؟

Accepted Answer

آرایه‌ای با ۳ حفره (`[ <3 empty items> ]`)

Answer

`[0, 1, 2]`

Answer

`[undefined, undefined, undefined]`

Answer

`[]`

Question 42

garbage collector در V8 چگونه بیشتر اشیاء کوتاه‌عمر را به‌صرفه پاک می‌کند؟

Accepted Answer

با GC نسلی: young generation با scavenger کپی‌کننده و old generation با mark-sweep-compact

Answer

با reference counting خالص که حلقه‌ها را هم پاک می‌کند

Answer

فقط هنگام بستن تب حافظه را آزاد می‌کند

Answer

هر شیء را بلافاصله بعد از خروج از scope آزاد می‌کند

Question 43

تابع `add(a, b)` هزاران بار با اعداد صدا زده شده و TurboFan آن را بهینه کرده است. اگر ناگهان با رشته صدا زده شود چه می‌شود؟

Accepted Answer

deoptimization رخ می‌دهد و اجرا به bytecode مفسر برمی‌گردد

Answer

خطای `TypeError` می‌دهد چون کد برای اعداد کامپایل شده

Answer

رشته‌ها خودکار به عدد تبدیل می‌شوند

Answer

هیچ اثری ندارد؛ کد بهینه همه نوع‌ها را پوشش می‌دهد

Question 44

با `class C { #n = 0; inc() { this.#n++; return this.#n; } } const c = Object.freeze(new C());` خروجی `c.inc()` چیست؟

Accepted Answer

`1`، چون `Object.freeze` روی فیلدهای private اثری ندارد

Answer

خطای `TypeError` چون شیء freeze شده

Answer

`0`، چون تغییر بی‌صدا نادیده گرفته می‌شود

Answer

`NaN`

Question 45

برای بهبود INP در پردازش یک آرایه بزرگ روی thread اصلی، بهترین رویکرد چیست؟

Accepted Answer

کار را تکه‌تکه کنید و بین تکه‌ها با `scheduler.yield()` یا `setTimeout` به مرورگر فرصت دهید

Answer

کل کار را در یک `Promise.then` بگذارید تا async شود

Answer

کار را در `queueMicrotask` تقسیم کنید

Answer

از `for` به جای `forEach` استفاده کنید

Question 46

کدام گزینه درباره `requestIdleCallback` درست است؟

Accepted Answer

در دوره‌های بیکاری اجرا می‌شود و با `deadline.timeRemaining()` باید کار را محدود کرد

Answer

تضمین می‌کند callback در فریم بعدی اجرا شود

Answer

برای تغییرات DOM و انیمیشن بهترین گزینه است

Answer

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

Question 47

چرا وجود `eval(code)` مستقیم داخل یک تابع بهینه‌سازی موتور را مختل می‌کند؟

Accepted Answer

کد می‌تواند به هر متغیر محلی دسترسی داشته باشد، پس موتور باید کل scope را زنده و دست‌نخورده نگه دارد

Answer

`eval` همیشه در Web Worker اجرا می‌شود

Answer

`eval` فقط در strict mode کند است

Answer

`eval` کد را دو بار دانلود می‌کند

Question 48

وضعیت نهایی `new Promise((res) => { res(1); throw new Error('x'); })` چیست؟

Accepted Answer

fulfilled با `1` و خطا بی‌صدا نادیده گرفته می‌شود

Answer

rejected با `Error('x')`

Answer

خطای uncaught در کنسول و Promise در حالت pending

Answer

ابتدا fulfilled و سپس به rejected تغییر می‌کند

Question 49

خروجی `console.log(await { then(r) { r(42); } })` در یک ES module چیست؟

Accepted Answer

`42`

Answer

همان شیء `{ then }`

Answer

`undefined`

Answer

خطای `TypeError` چون شیء Promise نیست

Question 50

اگر یک ES module در چند جای برنامه (static و با `import()` dynamic) با همان URL import شود، کد سطح بالای آن چند بار اجرا می‌شود؟

Accepted Answer

فقط یک بار؛ نمونه ماژول در module map کش می‌شود

Answer

به تعداد importها

Answer

یک بار برای static و یک بار برای هر `import()`

Answer

هر بار که export آن خوانده شود

جاوااسکریپت · سینیور · 50

کدام مورد می‌تواند باعث memory leak در فرانت شود؟