TL;DR: TypeScript ???? ??? ?? ??? ???? ?? ??? ???, ??? ? ???? ?? ???? ?? ????. ? ????? ??? ??? ????, ?? ??, ???? ???? ????? ?? ? ?? ??? ?? ?? ???? ??? ?????.

TypeScript? ?? ? ??? ????? ???? ?? ???? ?? ???? ?? ??? ??? ? ??? ????. JavaScript? ?? ???? ?????? TypeScript? ??? ??? ??? ?? ? ??? ???. 2024? ?? ???? ??? ????? ??? TypeScript? ???? ???? ?? ?? ?? ???? ?? ???? 5^?? ??????.

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

? ???? TypeScript? ??? ? ??? ?? ???? ??? ?? ??? ?????.

TypeScript ???? ?? ??

???? ??? ?? ??? ??? ?? ???? ??? ? ??? ?? TypeScript? ?? ??? ?? ?????. ?? ??? ????? ???? ?? ?? ??? ?? ? ??? ???? ?? ?? ??? ??? ? ????.

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

?? ???? ??? ?? ??????

??

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

?? ?? ??? ??? ???? ??? ????? ??? ?????. ? ?? ???? ?? ??? ?????? ???? Partial ??? ???? ?? ??? ?????? ???. ?? ?? ??? ???? ?? ?? ? API?? ?? ?????.

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

interface User {
  id: number;
  name: string;
  email?: string;
}

const updateUser = (user: Partial<User>) => {
  console.log(Updating user: ${user.name} );
};

updateUser({ name: 'Alice' });

???

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

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

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

interface User {
  id: number;
  name: string;
  email?: string;
}

const updateUser = (user: Partial<User>) => {
  console.log(Updating user: ${user.name} );
};

updateUser({ name: 'Alice' });

?? ??

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

?? ?? ?? ?? API ?????? ???? ?? ?? ???? ?????? ? ???. ?? ???? ???? ?? ?? ?? ?? ?? ???? ?????.

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

interface Car {
  make: string;
  model: string;
  mileage?: number;
}

const myCar: Required<Car> = {
  make: 'Ford',
  model: 'Focus',
  mileage: 12000,
};

????

Pick** ???? ??? ?? ???? ?? ??? ???? ??? ?????. ?? ??? ??, ??? ? ?? ??? ????? ????? ?? ??? ???? ? ? ?????. ?? ???? ??? ???? ????? ? ??? ???.

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

interface Config {
  apiEndpoint: string;
}

const config: Readonly<Config> = { apiEndpoint: 'https://api.example.com' };

// config.apiEndpoint = 'https://another-url.com'; // Error: Cannot assign to 'apiEndpoint'

??

Omit ???? ??? ?? ???? ?? ??? ???? ??? ?????.

?? ?? ??? ??? ??? ?? ??? ?? ?? ??? ???? ?3?? ????? ??? ?????. ?? ??? ???? ? ??? ???? ?? ??? ? ????. ?? API??? API ??? ?? ??? ???? ?? ?? ????.

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

interface User {
  id: number;
  name: string;
  email: string;
}

type UserSummary = Pick<User, 'name' | 'email'>;

const userSummary: UserSummary = {
  name: 'Alice',
  email: 'alice@example.com',
};

??

Record ???? ??? ??? ?? ?? ???? ?? ??? ????, ?? ???? ??? ??? ? ?????.

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

interface User {
  id: number;
  name: string;
  email?: string;
}

const userWithoutEmail: Omit<User, 'email'> = {
  id: 1,
  name: 'Bob',
};

???? ??? ??

Exclude** ???? ??? ????? ?? ??? ???? ??? ?????.

?? ?? ??(?: ?? ?? ??, ???? ???? ??)? ???? ?? ??? ??? ? ??? ??? ? ????. ??? ?? ??? ?? ???? ?? ?? ?? ??? ??? ? ?? ??? ??? ? ????.

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

type Fruit = 'apple' | 'banana' | 'orange';
type Inventory = Record<Fruit, number>;

const inventory: Inventory = {
  apple: 10,
  banana: 5,
  orange: 0,
};

??

Extract ???? ??? ????? ?? ??? ???? ??? ?????.

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

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

interface User {
  id: number;
  name: string;
  email?: string;
}

const updateUser = (user: Partial<User>) => {
  console.log(Updating user: ${user.name} );
};

updateUser({ name: 'Alice' });

Null ???

NonNullable ???? ??? ??? ???? null ? undefine? ???? ??? ?????.

??? ???? ?? ID? ?? ?? ?? ?? ???? ?? ??? ?? NonNullable?? ???? ?? ? ??? null ?? null? ?? ????. ??>???? ??

. ??? ??? ?? ??? ??? ? ?? API? ?? ? ?? ??? ?? ?? ?????.

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

interface Car {
  make: string;
  model: string;
  mileage?: number;
}

const myCar: Required<Car> = {
  make: 'Ford',
  model: 'Focus',
  mileage: 12000,
};

?? ??

ReturnType ????? ??? ?? ??? ?????.

??? ?? ??? ??? ???? ?? ??? ???? ??? ? ReturnType
? ???? ?? ???? ??? ?? ?? ???? ?? ??? ???? ?? ??????. ?? ?? ???? ?? ?? ?? ??? ?? ?? ??? ?? ? ????.

interface Config {
  apiEndpoint: string;
}

const config: Readonly<Config> = { apiEndpoint: 'https://api.example.com' };

// config.apiEndpoint = 'https://another-url.com'; // Error: Cannot assign to 'apiEndpoint'

????

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

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

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

interface User {
  id: number;
  name: string;
  email: string;
}

type UserSummary = Pick<User, 'name' | 'email'>;

const userSummary: UserSummary = {
  name: 'Alice',
  email: 'alice@example.com',
};

???? ??? ??? ?? ?? ??

TypeScript? ?? ??? ? ??? ???? ??? ???? ??? ??? ?? ? ????. ?? ???? ??? ????? ?? ???? ? ?? ????? ???????.

?? ? ?? ??

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

interface User {
  id: number;
  name: string;
  email?: string;
}

const userWithoutEmail: Omit<User, 'email'> = {
  id: 1,
  name: 'Bob',
};

? ??? UpdateUser?? id

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

??? API ?? ???

?? ??? ?? ??? ??? ?? ? ?? API ??? ??? ? ????.

type Fruit = 'apple' | 'banana' | 'orange';
type Inventory = Record<Fruit, number>;

const inventory: Inventory = {
  apple: 10,
  banana: 5,
  orange: 0,
};

??? ApiResponse? ???? API ??? ?? ??? ?? ??? ??? ? ????. Pick

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

??? ??? ?? ?? ? ?? ??

?? ??? ?? Union?? ?? ??? ????? ?? ??? ??? ? ????.

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

interface User {
  id: number;
  name: string;
  email?: string;
}

const updateUser = (user: Partial<User>) => {
  console.log(Updating user: ${user.name} );
};

updateUser({ name: 'Alice' });

??? Exclude ????? ?? ResponseTypes ????? loading? ???? ??( NonLoadingResponses )? ???? ? ?????. handleResponse ??? ????? ?? ??? ??? ?? ?? ?????.

?? ??

??? ?? ??

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

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

interface Car {
  make: string;
  model: string;
  mileage?: number;
}

const myCar: Required<Car> = {
  make: 'Ford',
  model: 'Focus',
  mileage: 12000,
};

???? ?????

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

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

interface Config {
  apiEndpoint: string;
}

const config: Readonly<Config> = { apiEndpoint: 'https://api.example.com' };

// config.apiEndpoint = 'https://another-url.com'; // Error: Cannot assign to 'apiEndpoint'

?? ?? ??

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

interface User {
  id: number;
  name: string;
  email: string;
}

type UserSummary = Pick<User, 'name' | 'email'>;

const userSummary: UserSummary = {
  name: 'Alice',
  email: 'alice@example.com',
};

??

TypeScript? ? ???? ???? ?? ?? ?? ?? ? ???? ?? ??? ??? ????. ???? ??? ???? ??? ?? TypeScript ?? ??? ?? ??? ?? ????? TypeScript? ??? ?? ? ?????. ??? ?? ? ?? ?? ?? ??? ?? ? ???? ?? ????? ????? ? ???.

?? ???

• JavaScript ? TypeScript? ??? ??: ?? ?? ?? ???
• ?? ???? ??? ? 7?? JavaScript ?? ??? ?????
• TypeScript?? ??? ??
• TypeScript? ??? ?? ??

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