TL;DR: TypeScript Generics? ???? ???? ?? ???? ????? ??? ??? ???? ??? ? ?? ??? ??? ??? ??? ? ????. ???? ?? ??? TypeScript ?? ???? ? ??????.

??? ???? ?? ????? ?? ?? Typescript? ?? ??? ???? ???? ????? ???? ???. Typescript? ?? ?? ? ??? ??? ?? ??? ????? ??, ??? ? ????? ??? ???? Typescript ??????. ???? ???? ?? ??? ??? ?? ? ???, ?? ??? ?? ??? ??? ??? ?? ??? ?? ??? ??? ? ??? ????.

? ????? ??, ???, ???????? ???? ???? TypeScript ???? ?? ??? ???? ??? ???? ??? ???? ???? ??? ??? ?????.

Typescript ????? ??????

Typescript ???? ?? ??? ???? Typescript ??? ??? ? ???? ?? ???? ????? ???, ???, ???? ?????.

Typescript? ?? ??? ???? ?? ???? ??? ?? ?? ?? ??? ??? ?????. ?? ??? ???? ?? ??? ?? ???? ?????. ? ??? ???? ? ??? ??? ?? ??? ??? ???? ???? ???? ? ?? ???? ?? ? ????.

???? ??? ??? ??? ??? ???? ???? ??? ??? ??? ????? ?? ??? ?????. ???? ???? ?? ?? ??? ????? ??? ??? ???? ? ?? ?? ??? ?????.

?? ??? ?? ??? ??? ???? ???? ? ??? ???.

Typescript ???? ?? ???? ????

???? TypeScript? ??? ???? ???? ??? ?? ????? ??? ? ????. ???? ??? ??, ?????, ??? ? ?? ???? ??? ??? ???.

1. ??? ?? ??

???? ??? ?? ??? ?? ??? ???? ??? ????. ?? ??, ????? ??? ????? ??? ??? ??? ???.

function identity(value: any): any {
  return value;
}
const result1 = identity(42); // result1: any
const result2 = identity("hello"); // result2: any

? ??? ? ?????. ??? ?? ?? ??? ????? Typescript? ?? ??? ???? ???? ?????. ????? ?? ?? any? ???? Typescript? ? ?? ?? ???? ??? ? ????. ?? ???? ???? ??? ??? ???? ???? ?? ??? ??? ???? ? ?? ?? ??? ???? ???. ??? ??? ?? ??? ?? ??? ??????.

?? ??? ???? ?? ???? ???? ? ??? ??? ? ????.

function identity(value: any): any {
  return value;
}
const result1 = identity(42); // result1: any
const result2 = identity("hello"); // result2: any

T? ? ?? ???? ???? ??? ?????. ?? ?? Typescript? ?? ??? ?? ????? ??? ???? ?????.

?? ???? ??? ????? ???? ??? ??? ??? ? ????.

function identity<T>(value: Type): T {
  return value;
}
const result1 = identity<number>(42); // result1: number
const result2 = identity<string>("hello"); // result2: string

Typescript??? ?? ?? ?? ?? ???? ?? ???? ??? ? ? ? ??? ?? ?? ????? ??? ? ????. ?? ??, ?? ?? ? ?? ??? ??? ?? ??? ???? ??? ??? ? ????.

const result3 = identity(100); // result3: number
const result4 = identity("world"); // result4: string

? ?? ??? T ??? ? ?? ??? U ??? ? ?? ??? ?? ??? ?????. ?? ?? ??? ?? ?? ?? ? ??? ??? ?? ??? ? ????.

2. TypeScript? ?? ??

Typescript??? ???? ?? ?? ??? ???? ????? ?? ? ????. ??? ???? ??? Typescript? ???? ?????.

function multipleParams<T, U>(first: T, second: U): [T, U] {
 return [first, second];
}
const result1 = multipleParams<string, number>("hello", 42); // result1: [string, number]
const result2 = multipleParams<string, number>("hello", "world"); // result2: gives a type error

? ??? ?? ???? T? ???? ??????. ???? ??? ??? ? ?? ??? ???? ??? T? ????? ???? ???.

3. ?? ?????

Typescript ???? ?????? ??? ? ????. ?? ?? ?? ???? Box
?????? ????? ??? ???.

function createArray<T = string>(length: number, value: T): T[] {
 return Array(length).fill(value);
}

const stringArray = createArray(3, "hello"); // T defaults to string, so stringArray is a string array
const numberArray = createArray<number>(3, 42); // T is explicitly set to a number, so numberArray is a number array

??? ?? ?? ??? ? ?????. ? ??? ?? ??? ???? ????? ?? ?? ??? ????. ??? ?? any? ???? ???? ?? ?? ??? ??? ? ????.

??? ???? ?? ???? ?? ?????? ??? ? ????.

interface Box {
  value: any;
}
const numberBox: Box = { value: 123 }; // correct
const stringBox: Box = { value: "hello" }; // correct

?????? ????? ?? ? ??? Type ??? ???? ?????. Typescript? ??? ??? ????? ???? ?? ????? ???? ?? Type ??? ??? ???? ??? ? ????.

4. ?? ???

?? ???? ????? ??? ??? ???? ?? ???? ???? ???? ??? ?? ????. ?? ??? ?? ???? ??? ? ?? Storage
???? ??? ?????.

interface Box<Type> {
  value: Type;
}
const numberBox: Box<number> = { value: 123 }; // number
const stringBox: Box<string> = { value: "hello" }; // string
const stringBox2: Box<string> = { value: 123 }; // incorrect

? ???? ????? ??? ??? any??? getItem ???? ?? ???? ???? any? ?????. ??? ?? ???? ????? ?? ???? ???? ???? ?? ??? ? ????.

class Storage {
  private data: any;
  setItem(item: any): void {
    this.data = item;
  }
  getItem(): any {
    return this.data;
  }
}
const storage = new Storage();
storage.setItem(123);
const item = storage.getItem();

? ?? T ??? Storage ????? ?????. Typescript? ????? ??? ? ??? ??? ??? ? ???? ???? ?????. ? ?? ??? getItem ???? ??? ?????.

5. ?? ????

??? ?? ??? ???? ???? ??? ? ?? ??? ???? ?? ??? ??? ? ? ????.

?? ?? ??? length ??? ????? ?? ??? ?? ?? ?? ??? ???? length ??? ?? ??? ????? ? ? ????. . ??? ?? Typescript?? ??? ????? ???? ?? ??? ????? ?? ??? ? ????.

function identity(value: any): any {
  return value;
}
const result1 = identity(42); // result1: any
const result2 = identity("hello"); // result2: any

??? T ?? length ???? ???? ????. ??? ????? T? length ??? ??? ?? ???? ?? ??? ??? ? ????. T ?? { ??: ?? }?? ??? ?? ?????.

function identity<T>(value: Type): T {
  return value;
}
const result1 = identity<number>(42); // result1: number
const result2 = identity<string>("hello"); // result2: string

?? ? ??? length ??? ???? ???. ??? ???? ??? ?? ???? ?????.

??

Typescript ???? ???? ???? ??? ???? ??? ??? ??? ??? ? ????. ??? ???? ??? ???, ??? ? ?????? ???? ??? ???? ??? ??? ??? ??? ??? ? ????. ?? ?? ??, ??? ?? ? ?? ??? ? ????? ??? ?? ?? ?? ? ???? ? ??? ????? ???? ?? ???? ??? ???? ? ??? ???????.

Typescript ???? ???? ? ???? ?? ???? ??? ??? ??? ???? ? ??? ?? Typescript ??????? ?? ???? ?? ? ????.

?? ???

• Webpack vs Vite: ?? ???? ???? ??????
• ?? ??? ???? ????? ??: ???
• RxJS? ??? JavaScript ?????
• Axios? Fetch API? ??? HTTP ????? ??

? ??? TypeScript ???: ?? ???? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!