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

Question 1

تفاوت اصلی `let`/`const` با `var` چیست؟

Accepted Answer

`let`/`const` محدود به block هستند؛ `var` محدود به function

Answer

`var` فقط در strict mode کار می‌کند

Answer

`const` همیشه immutable است حتی برای objectها

Answer

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

Question 2

کدام‌یک از موارد زیر primitive نیست؟

Accepted Answer

`array`

Answer

`string`

Answer

`symbol`

Answer

`bigint`

Question 3

نتیجه‌ی `0 == false` و `0 === false` چیست؟

Accepted Answer

`true` و `false`

Answer

`true` و `true`

Answer

`false` و `true`

Answer

`false` و `false`

Question 4

کدام متد آرایهٔ جدید برمی‌گرداند و عناصر را تبدیل می‌کند؟

Accepted Answer

`map`

Answer

`forEach`

Answer

`reduceRight` همیشه

Answer

`push`

Question 5

Template literal با چه کاراکتری نوشته می‌شود؟

Accepted Answer

بک‌تیک `` ` ``

Answer

تک‌کوتیشن `'`

Answer

دبل‌کوتیشن `"`

Answer

اسلش `/`

Question 6

کدام مقدار در شرط truthy است؟

Accepted Answer

`[]`

Answer

`0`

Answer

`""`

Answer

`null`

Question 7

خروجی `typeof NaN` چیست؟

Accepted Answer

"number"

Answer

"NaN"

Answer

"undefined"

Answer

"object"

Question 8

مطمئن‌ترین راه تشخیص آرایه کدام است؟

Accepted Answer

`Array.isArray(x)`

Answer

`typeof x === "array"`

Answer

`x.length > 0`

Answer

`typeof x === "object"`

Question 9

تفاوت `null` و `undefined` چیست؟

Accepted Answer

`undefined` یعنی مقداری تخصیص نیافته؛ `null` یعنی «خالی» به‌صورت عمدی

Answer

هر دو دقیقاً یکی‌اند و `===` آن‌ها برابر است

Answer

`null` فقط در TypeScript وجود دارد

Answer

`undefined` یک object است

Question 10

خروجی `"5" + 3` چیست؟

Accepted Answer

`"53"`

Answer

`8`

Answer

`NaN`

Answer

TypeError

Question 11

تفاوت `push` و `concat` چیست؟

Accepted Answer

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

Answer

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

Answer

`concat` فقط رشته‌ها را می‌پذیرد

Answer

`push` آرایه جدید برمی‌گرداند

Question 12

اگر `user` برابر `null` باشد، `user?.name` چه برمی‌گرداند؟

Accepted Answer

`undefined`

Answer

TypeError

Answer

`null`

Answer

`""`

Question 13

خروجی `typeof null` چیست؟

Accepted Answer

`'object'`

Answer

`'null'`

Answer

`'undefined'`

Answer

`'number'`

Question 14

حاصل `0.1 + 0.2 === 0.3` چیست؟

Accepted Answer

`false`

Answer

`true`

Answer

`NaN`

Answer

خطای `TypeError`

Question 15

خروجی `'5' - 2` چیست؟

Accepted Answer

`3`

Answer

`'52'`

Answer

`'3'`

Answer

`NaN`

Question 16

مقدار بازگشتی `[1, 2, 3].forEach(x => x * 2)` چیست؟

Accepted Answer

`undefined`

Answer

`[2, 4, 6]`

Answer

`[1, 2, 3]`

Answer

`6`

Question 17

خروجی `parseInt('42px')` چیست؟

Accepted Answer

`42`

Answer

`NaN`

Answer

`'42'`

Answer

`0`

Question 18

بعد از اجرای `const user = { name: 'Ali' }; user.name = 'Sara';` چه اتفاقی می‌افتد؟

Accepted Answer

`user.name` برابر `'Sara'` می‌شود

Answer

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

Answer

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

Answer

یک شیء جدید ساخته می‌شود

Question 19

حاصل `NaN === NaN` چیست؟

Accepted Answer

`false`

Answer

`true`

Answer

`NaN`

Answer

`undefined`

Question 20

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

Accepted Answer

`[1, 2]`

Answer

`[1, 2, 3, 4]`

Answer

`[3, 4]`

Answer

خطای `TypeError`

Question 21

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

Accepted Answer

`slice` آرایه اصلی را تغییر نمی‌دهد ولی `splice` تغییر می‌دهد

Answer

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

Answer

`splice` آرایه اصلی را تغییر نمی‌دهد ولی `slice` تغییر می‌دهد

Answer

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

Question 22

خروجی `typeof function () {}` چیست؟

Accepted Answer

`'function'`

Answer

`'object'`

Answer

`'undefined'`

Answer

`'callable'`

Question 23

بعد از `let s = 'cat'; s[0] = 'b';` مقدار `s` چیست؟

Accepted Answer

`'cat'`

Answer

`'bat'`

Answer

`'b'`

Answer

`undefined`

Question 24

با `function f(x = 10) { return x; }` خروجی `f(undefined)` و `f(null)` چیست؟

Accepted Answer

`10` و `null`

Answer

`10` و `10`

Answer

`undefined` و `null`

Answer

`undefined` و `10`

Question 25

خروجی `const a = [1]; const b = a; b.push(2); console.log(a.length);` چیست؟

Accepted Answer

`2`

Answer

`1`

Answer

`0`

Answer

خطا می‌دهد

Question 26

خروجی `Array.from({ length: 3 }, (_, i) => i * 2)` چیست؟

Accepted Answer

`[0, 2, 4]`

Answer

`[2, 4, 6]`

Answer

`[undefined, undefined, undefined]`

Answer

`[3]`

Question 27

خروجی `[NaN].includes(NaN)` و `[NaN].indexOf(NaN)` چیست؟

Accepted Answer

`true` و `-1`

Answer

`true` و `0`

Answer

`false` و `-1`

Answer

`false` و `0`

Question 28

خروجی `JSON.stringify({ a: undefined, b: 1 })` چیست؟

Accepted Answer

`'{"b":1}'`

Answer

`'{"a":undefined,"b":1}'`

Answer

`'{"a":null,"b":1}'`

Answer

خطای `TypeError`

Question 29

خروجی `setTimeout(() => console.log('A'), 0); console.log('B');` چیست؟

Accepted Answer

`B` سپس `A`

Answer

`A` سپس `B`

Answer

فقط `B`

Answer

ترتیب تصادفی است

Question 30

اگر هیچ عنصری با selector مطابقت نداشته باشد، `document.querySelector` چه برمی‌گرداند؟

Accepted Answer

`null`

Answer

یک `NodeList` خالی

Answer

`undefined`

Answer

خطا پرتاب می‌کند

Question 31

مزیت اصلی `addEventListener` نسبت به `element.onclick = fn` چیست؟

Accepted Answer

می‌توان چند handler برای یک رویداد ثبت کرد

Answer

سریع‌تر اجرا می‌شود

Answer

فقط با آن می‌توان رویداد click را گرفت

Answer

handler را خودکار بعد از اجرا حذف می‌کند

Question 32

تفاوت `preventDefault` و `stopPropagation` چیست؟

Accepted Answer

اولی رفتار پیش‌فرض مرورگر را لغو می‌کند، دومی انتشار رویداد را متوقف می‌کند

Answer

هر دو دقیقاً یک کار را انجام می‌دهند

Answer

اولی انتشار را متوقف می‌کند، دومی رفتار پیش‌فرض را لغو می‌کند

Answer

هر دو handler را از عنصر حذف می‌کنند

Question 33

بعد از `localStorage.setItem('n', 5)` مقدار `typeof localStorage.getItem('n')` چیست؟

Accepted Answer

`'string'`

Answer

`'number'`

Answer

`'object'`

Answer

`'undefined'`

Question 34

اجرای `[].reduce((a, b) => a + b)` چه نتیجه‌ای دارد؟

Accepted Answer

خطای `TypeError` پرتاب می‌شود

Answer

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

Answer

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

Answer

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

Question 35

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

Accepted Answer

`0`

Answer

`NaN`

Answer

`undefined`

Answer

`''`

Question 36

خروجی `Math.max()` بدون آرگومان چیست؟

Accepted Answer

`-Infinity`

Answer

`0`

Answer

`Infinity`

Answer

`undefined`

Question 37

در `function f(...args) {}` نوع `args` چیست؟

Accepted Answer

یک آرایه واقعی (`Array`)

Answer

یک شیء array-like مثل `arguments`

Answer

یک `Set`

Answer

فقط اولین آرگومان

Question 38

خروجی `for (const x of ['a', 'b']) console.log(x)` در مقایسه با `for...in` چیست؟

Accepted Answer

`for...of` مقدارها (`a`, `b`) و `for...in` کلیدها (`0`, `1`) را می‌دهد

Answer

هر دو مقدارها را می‌دهند

Answer

`for...of` کلیدها و `for...in` مقدارها را می‌دهد

Answer

`for...of` روی آرایه کار نمی‌کند

Question 39

خروجی `switch (1) { case '1': console.log('A'); break; default: console.log('B'); }` چیست؟

Accepted Answer

`B`

Answer

`A`

Answer

`A` و `B`

Answer

چیزی چاپ نمی‌شود

Question 40

خروجی `const o = {}; o[1] = 'a'; console.log(o['1']);` چیست؟

Accepted Answer

`'a'`

Answer

`undefined`

Answer

`null`

Answer

خطا می‌دهد

Question 41

خروجی `[10, 1, 2].sort()` چیست؟

Accepted Answer

`[1, 10, 2]`

Answer

`[1, 2, 10]`

Answer

`[10, 2, 1]`

Answer

`[2, 1, 10]`

Question 42

اگر `foo` هرگز تعریف نشده باشد، `typeof foo` چه نتیجه‌ای دارد؟

Accepted Answer

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

Answer

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

Answer

`'null'` برمی‌گرداند

Answer

`'object'` برمی‌گرداند

Question 43

تفاوت رویداد `DOMContentLoaded` و `load` چیست؟

Accepted Answer

`DOMContentLoaded` بعد از parse شدن HTML و `load` بعد از بارگذاری همه منابع مثل تصاویر رخ می‌دهد

Answer

هر دو دقیقاً هم‌زمان رخ می‌دهند

Answer

`load` همیشه قبل از `DOMContentLoaded` رخ می‌دهد

Answer

`DOMContentLoaded` فقط برای تصاویر است

Question 44

ویژگی `defer` روی تگ `<script>` چه کاری انجام می‌دهد؟

Accepted Answer

اسکریپت موازی دانلود و بعد از parse کامل HTML به ترتیب اجرا می‌شود

Answer

اسکریپت فوراً اجرا و parse متوقف می‌شود

Answer

اسکریپت هرگز اجرا نمی‌شود مگر دستی صدا زده شود

Answer

اسکریپت بعد از رویداد `load` و با ترتیب تصادفی اجرا می‌شود

Question 45

برای نمایش متن ورودی کاربر در صفحه، چرا `textContent` بهتر از `innerHTML` است؟

Accepted Answer

متن را به‌صورت HTML تفسیر نمی‌کند و جلوی XSS را می‌گیرد

Answer

متن را خودکار ترجمه می‌کند

Answer

از `innerHTML` کندتر ولی زیباتر است

Answer

فقط در مرورگرهای قدیمی کار می‌کند

Question 46

خروجی `function f() { try { return 1; } finally { console.log('F'); } } f();` چیست؟

Accepted Answer

`F` چاپ می‌شود و تابع `1` برمی‌گرداند

Answer

چیزی چاپ نمی‌شود چون `return` قبل از `finally` است

Answer

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

Answer

`F` چاپ می‌شود و تابع `undefined` برمی‌گرداند

Question 47

خروجی `0 && 'hello'` چیست؟

Accepted Answer

`0`

Answer

`'hello'`

Answer

`false`

Answer

`true`

Question 48

خروجی `{ a: 1 } === { a: 1 }` چیست؟

Accepted Answer

`false`

Answer

`true`

Answer

خطای نحوی

Answer

`undefined`

Question 49

خروجی `'  hi  '.trim().length` چیست؟

Accepted Answer

`2`

Answer

`6`

Answer

`4`

Answer

`0`

Question 50

خروجی `const f = () => { a: 1 }; f();` چیست؟

Accepted Answer

`undefined`

Answer

`{ a: 1 }`

Answer

`1`

Answer

خطای نحوی

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

تفاوت اصلی `let`/`const` با `var` چیست؟