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
не має доступу до нього.