НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
TypeScript. Уроки для початківців

En Es De

TypeScript Типи об’єднання


Типи об’єднання використовуються, коли значення може бути більш ніж одним типом.

Наприклад, коли властивість буде string або number.


Об’єднання | (OR)

Використовуючи |, ми говоримо, що наш параметр є string або number:

Приклад

function printStatusCode(code: string | number) {
  console.log(`My status code is ${code}.`)
}
printStatusCode(404);
printStatusCode('404');
Спробуйте самі »

Помилки об’єднання типів

Примітка: вам потрібно знати, який ваш тип, коли використовуються типи об’єднання, щоб уникнути помилок типу:

Приклад

function printStatusCode(code: string | number) {
  console.log(`My status code is ${code.toUpperCase()}.`) // помилка: Властивість 'toUpperCase' не існує в типі 'string | number'.
  Властивість 'toUpperCase' не існує в типі 'number'
}

У нашому прикладі ми маємо проблему з викликом toUpperCase(), оскільки це string метод і number не має доступу до нього.

Спробуйте самі »

TypeScript Вправи

Перевірте себе за допомогою вправ

Вправа:

Укажіть, що параметр "myVar" для функції може бути рядком або числом:

function myFunc(myVar:   ) {
console.log(myVar)
}



Коментарі