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

Question 1

Generics چه کمکی می‌کنند؟

Accepted Answer

انتزاع روی تایپ بدون از دست دادن اطلاعات نوع

Answer

حذف کامل نیاز به تایپ

Answer

فقط برای CSS-in-JS

Answer

افزایش سرعت runtime

Question 2

`Partial<T>` چه می‌کند؟

Accepted Answer

همه propertyها را اختیاری می‌کند

Answer

همه را required می‌کند

Answer

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

Answer

آرایه می‌سازد

Question 3

در discriminated union، معمولاً با چه چیزی narrow می‌کنیم؟

Accepted Answer

یک فیلد مشترک مثل `kind`

Answer

نام فایل

Answer

فقط `any`

Answer

شماره خط

Question 4

`keyof { a: 1; b: 2 }` چه تایپی است؟

Accepted Answer

`"a" | "b"`

Answer

`1 | 2`

Answer

`string`

Answer

`object`

Question 5

`type Cfg = typeof config` چه می‌کند؟

Accepted Answer

تایپ را از یک مقدار موجود استخراج می‌کند

Answer

رشته "object" برمی‌گرداند

Answer

config را کپی می‌کند

Answer

در TS معتبر نیست

Question 6

امضای `function isFish(p): p is Fish` چه می‌کند؟

Accepted Answer

یک type guard سفارشی که در if تایپ را narrow می‌کند

Answer

p را به Fish تبدیل می‌کند

Answer

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

Answer

فقط مستندات است

Question 7

`{ [key: string]: number }` چه چیزی را توصیف می‌کند؟

Accepted Answer

objectی با کلیدهای string دلخواه و مقادیر number

Answer

آرایه‌ای از string

Answer

دقیقاً یک کلید به نام key

Answer

یک tuple

Question 8

`["a", "b"] as const` چه تایپی دارد؟

Accepted Answer

`readonly ["a", "b"]`

Answer

`string[]`

Answer

`any[]`

Answer

`[string, string]`

Question 9

function overload در TS چیست؟

Accepted Answer

چند امضای تایپ با یک پیاده‌سازی واحد

Answer

چند پیاده‌سازی جدا در runtime

Answer

ارث‌بری کلاس

Answer

همان generics

Question 10

در `interface Res<T = string> { data: T }`، تایپ `data` در `Res` (بدون آرگومان) چیست؟

Accepted Answer

`string`، چون default type parameter استفاده می‌شود

Answer

`unknown`

Answer

خطا؛ آرگومان تایپ الزامی است

Answer

`any`

Question 11

امضای امن تایپ برای `get(obj, key)` که مقدار property را برمی‌گرداند کدام است؟

Accepted Answer

`<T, K extends keyof T>(obj: T, key: K): T[K]`

Answer

`<T>(obj: T, key: string): any`

Answer

`<T, K>(obj: T, key: K): T`

Answer

`<T>(obj: T, key: keyof T): T`

Question 12

`User["address"]["city"]` در سطح تایپ چه چیزی است؟

Accepted Answer

تایپ property `city` داخل property `address` از `User`

Answer

یک خطای syntax؛ index فقط روی مقدار مجاز است

Answer

union همه‌ی کلیدهای `User`

Answer

یک string literal به مقدار `"city"`

Question 13

با `const roles = ["admin", "user"] as const`، `(typeof roles)[number]` چه تایپی است؟

Accepted Answer

`"admin" | "user"`

Answer

`string`

Answer

`number`

Answer

`readonly ["admin", "user"]`

Question 14

`Exclude<"a" | "b" | "c", "a" | "c">` چیست؟

Accepted Answer

`"b"`

Answer

`"a" | "c"`

Answer

`never`

Answer

`"a" | "b" | "c"`

Question 15

`NonNullable<string | null | undefined>` چیست؟

Accepted Answer

`string`

Answer

`string | undefined`

Answer

`never`

Answer

`{}`

Question 16

برای `function f(a: string, b?: number) {}`، `Parameters<typeof f>` چیست؟

Accepted Answer

tuple `[a: string, b?: number]`

Answer

`string | number`

Answer

`{ a: string; b?: number }`

Answer

`(string | number)[]`

Question 17

`Awaited>>` چیست؟

Accepted Answer

`number`

Answer

`Promise<number>`

Answer

`Promise<Promise<number>>`

Answer

`unknown`

Question 18

چرا `ReturnType<getUser>` (که `getUser` یک تابع است) خطا می‌دهد؟

Accepted Answer

`getUser` یک مقدار است؛ باید `ReturnType<typeof getUser>` نوشت

Answer

`ReturnType` فقط روی arrow function کار می‌کند

Answer

چون تابع باید async باشد

Answer

چون `ReturnType` باید import شود

Question 19

در یک تابع overload شده، implementation signature (امضای پیاده‌سازی) چه وضعیتی دارد؟

Accepted Answer

از بیرون قابل فراخوانی نیست؛ فقط overload‌های بالایی دیده می‌شوند

Answer

مثل یک overload اضافه از بیرون قابل فراخوانی است

Answer

باید دقیقاً با اولین overload یکسان باشد

Answer

در runtime به چند تابع جدا تبدیل می‌شود

Question 20

`function assertString(v: unknown): asserts v is string` بعد از فراخوانی چه اثری دارد؟

Accepted Answer

در ادامه‌ی همان scope، `v` به `string` محدود می‌شود

Answer

یک boolean برمی‌گرداند که باید در `if` استفاده شود

Answer

در runtime به‌طور خودکار `typeof` چک می‌کند

Answer

مقدار را به string تبدیل می‌کند

Question 21

با `strict: true`، تایپ `e` در `catch (e) {}` چیست؟

Accepted Answer

`unknown`

Answer

`Error`

Answer

`any`

Answer

`never`

Question 22

در TS 5.5 به بعد، `["a", undefined].filter(x => x !== undefined)` چه تایپی دارد؟

Accepted Answer

`string[]`

Answer

`(string | undefined)[]`

Answer

`unknown[]`

Answer

`never[]`

Question 23

با `count: number | undefined`، مشکل `if (count) { ... }` برای حذف `undefined` چیست؟

Accepted Answer

مقدار `0` هم falsy است و وارد شاخه نمی‌شود

Answer

TS در truthiness check narrowing انجام نمی‌دهد

Answer

خطای compile می‌دهد

Answer

`NaN` به `undefined` تبدیل می‌شود

Question 24

با `x: string | number` و `y: string | boolean`، داخل `if (x === y)` تایپ‌ها چه می‌شوند؟

Accepted Answer

هر دو `string`

Answer

بدون تغییر باقی می‌مانند

Answer

هر دو `never`

Answer

`x` برابر `number` و `y` برابر `boolean`

Question 25

تفاوت `f(a?: number)` با `f(a: number | undefined)` چیست؟

Accepted Answer

در دومی آرگومان باید پاس داده شود، حتی اگر `undefined` باشد

Answer

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

Answer

اولی `undefined` را نمی‌پذیرد

Answer

دومی `null` را هم می‌پذیرد

Question 26

پاس دادن `readonly string[]` به پارامتری با تایپ `string[]` چه نتیجه‌ای دارد؟

Accepted Answer

خطا؛ چون تابع ممکن است آرایه را تغییر دهد

Answer

مجاز است؛ readonly فقط روی متغیر اثر دارد

Answer

آرایه به‌طور خودکار کپی می‌شود

Answer

فقط در صورت فعال بودن `strict` مجاز است

Question 27

برای `type T = [name: string, age?: number]`، `T["length"]` چیست؟

Accepted Answer

`1 | 2`

Answer

`2`

Answer

`number`

Answer

`0 | 1 | 2`

Question 28

با `type Append = [...T, number]`، `Append<[string, boolean]>` چیست؟

Accepted Answer

`[string, boolean, number]`

Answer

`[[string, boolean], number]`

Answer

`(string | boolean | number)[]`

Answer

`[string, boolean]`

Question 29

``{ [K in keyof T as `get${Capitalize<K & string>}`]: () => T[K] }`` برای `T = { name: string }` چه می‌سازد؟

Accepted Answer

`{ getName: () => string }`

Answer

`{ name: () => string }`

Answer

`{ getname: string }`

Answer

خطا؛ `as` در mapped type مجاز نیست

Question 30

`{ -readonly [K in keyof T]-?: T[K] }` چه می‌کند؟

Accepted Answer

`readonly` و `?` را از همه‌ی property‌ها حذف می‌کند

Answer

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

Answer

property‌های readonly را کاملاً حذف می‌کند

Answer

خطای syntax است

Question 31

با `type ToArray = T extends any ? T[] : never`، `ToArray` چیست؟

Accepted Answer

`string[] | number[]`

Answer

`(string | number)[]`

Answer

`never`

Answer

`[string, number]`

Question 32

تایپ `string | never` به چه چیزی ساده می‌شود؟

Accepted Answer

`string`

Answer

`never`

Answer

`unknown`

Answer

`string | undefined`

Question 33

تفاوت اصلی `const enum` با `enum` معمولی چیست؟

Accepted Answer

مقادیرش در محل استفاده inline می‌شوند و object runtime تولید نمی‌شود

Answer

اعضایش بعد از تعریف قابل تغییر نیستند ولی enum معمولی هست

Answer

فقط string می‌پذیرد

Answer

در runtime سریع‌تر iterate می‌شود

Question 34

برای اضافه کردن `window.analytics` به تایپ `Window` در یک فایل module، چه باید نوشت؟

Accepted Answer

`declare global { interface Window { analytics: Analytics } }`

Answer

`type Window = { analytics: Analytics }`

Answer

`window.analytics = {} as Analytics` کافی است

Answer

`class Window { analytics: Analytics }`

Question 35

`import type { User } from "./models"` چه تضمینی می‌دهد؟

Accepted Answer

import کاملاً از خروجی JS حذف می‌شود

Answer

`User` در runtime به‌صورت lazy بارگذاری می‌شود

Answer

می‌توان از `User` به‌عنوان مقدار هم استفاده کرد

Answer

ماژول `./models` حتماً اجرا می‌شود

Question 36

گزینه‌ی `verbatimModuleSyntax` چه رفتاری را اعمال می‌کند؟

Accepted Answer

import‌های بدون `type` دست‌نخورده می‌مانند، پس import تایپ‌ها باید با `type` علامت بخورند

Answer

همه‌ی import‌ها را به `require` تبدیل می‌کند

Answer

import‌های استفاده‌نشده را خودکار حذف می‌کند

Answer

فقط import‌های پیش‌فرض را مجاز می‌کند

Question 37

`esModuleInterop` چه مشکلی را حل می‌کند؟

Accepted Answer

امکان default import از ماژول‌های CommonJS مثل `import express from "express"`

Answer

تبدیل خودکار ESM به UMD

Answer

اجرای TS مستقیم در مرورگر

Answer

حذف نیاز به فایل‌های `.d.ts`

Question 38

چرا با تنظیم `paths` مثل `"@/*": ["src/*"]`، کد compile‌شده با `tsc` ممکن است در Node اجرا نشود؟

Accepted Answer

`tsc` مسیرهای import را در خروجی بازنویسی نمی‌کند

Answer

`paths` فقط با `module: "amd"` کار می‌کند

Answer

Node از کاراکتر `@` در import پشتیبانی نمی‌کند

Answer

`paths` باعث حذف فایل‌ها از build می‌شود

Question 39

در `function onClick(this: HTMLButtonElement, e: MouseEvent) {}` پارامتر `this` چیست؟

Accepted Answer

یک پارامتر جعلی برای تایپ کردن `this`؛ در خروجی حذف می‌شود

Answer

اولین آرگومان واقعی که caller باید پاس دهد

Answer

خطای syntax است چون `this` کلمه‌ی رزرو است

Answer

تابع را به‌طور خودکار bind می‌کند

Question 40

با `function f<const T>(x: T): T`، تایپ `f(["a", "b"])` چیست؟

Accepted Answer

`readonly ["a", "b"]`

Answer

`string[]`

Answer

`("a" | "b")[]`

Answer

`[string, string]`

Question 41

چرا `Object.keys(user)` تایپ `string[]` دارد و نه `(keyof User)[]`؟

Accepted Answer

به‌خاطر structural typing، object ممکن است در runtime کلیدهای بیشتری داشته باشد

Answer

چون `keyof` در lib تعریف نشده

Answer

یک باگ شناخته‌شده که در TS 5 رفع شده

Answer

چون کلیدهای عددی پشتیبانی نمی‌شوند

Question 42

با `noUncheckedIndexedAccess`، تایپ `cache[key]` برای `cache: Record<string, number>` چیست؟

Accepted Answer

`number | undefined`

Answer

`number`

Answer

`unknown`

Answer

`never`

Question 43

با `class A implements I { handle(x) {} }` که در `I` تایپ `handle(x: string)` دارد، تایپ `x` چیست؟

Accepted Answer

`any` (ضمنی)؛ `implements` تایپ پارامترها را منتقل نمی‌کند

Answer

`string`، از interface استنتاج می‌شود

Answer

`unknown`

Answer

`never`

Question 44

با `noImplicitOverride`، کلمه‌ی `override` چه کمکی می‌کند؟

Accepted Answer

اگر متد پایه حذف یا تغییرنام داده شود، compiler خطا می‌دهد

Answer

متد را در runtime از تغییر محافظت می‌کند

Answer

متد پایه را به‌طور خودکار صدا می‌زند

Answer

متد را final می‌کند تا subclass دیگری override نکند

Question 45

در class، `token!: string` (با `!`) چه معنایی دارد؟

Accepted Answer

به TS می‌گوید فیلد حتماً مقداردهی می‌شود، هرچند در constructor نباشد

Answer

فیلد را اجباری و غیرقابل تغییر می‌کند

Answer

مقدار پیش‌فرض `""` به فیلد می‌دهد

Answer

فیلد را private می‌کند

Question 46

چرا `function f<T extends { id: number }>(x: T): T { return { id: 1 }; }` خطا می‌دهد؟

Accepted Answer

`T` ممکن است subtype با property‌های بیشتر باشد؛ `{ id: 1 }` لزوماً `T` نیست

Answer

چون `id` باید string باشد

Answer

چون از پارامتر `x` استفاده نشده

Answer

چون generic‌ها نمی‌توانند object literal برگردانند

Question 47

``type T = `${"sm" | "lg"}-${"red" | "blue"}` `` چند عضو دارد؟

Accepted Answer

۴ عضو؛ همه‌ی ترکیب‌ها مثل `"sm-red"`

Answer

۲ عضو؛ جفت‌های هم‌جایگاه

Answer

یک عضو `string`

Answer

خطا؛ union داخل template literal مجاز نیست

Question 48

تایپ `{}` چه مقادیری را می‌پذیرد؟

Accepted Answer

هر مقدار غیر از `null` و `undefined`، حتی `42` و `"hi"`

Answer

فقط object خالی `{}`

Answer

فقط object‌ها، نه primitive‌ها

Answer

هیچ مقداری؛ معادل `never` است

Question 49

برای گرفتن تایپ props یک component موجود مثل `Button`، کدام روش مناسب است؟

Accepted Answer

`React.ComponentProps<typeof Button>`

Answer

`typeof Button.props`

Answer

`Props<Button>`

Answer

`ReturnType<typeof Button>`

Question 50

تایپ مناسب پارامتر handler در `<input onChange={handle} />` چیست؟

Accepted Answer

`React.ChangeEvent<HTMLInputElement>`

Answer

`Event`

Answer

`React.MouseEvent<HTMLInputElement>`

Answer

`InputEvent<string>`

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

Generics چه کمکی می‌کنند؟