Запропонувати правку

Покращити цю статтю

Допрацюйте відповідь до «Об'єднання кількох типів». Ваші зміни проходять модерацію перед публікацією.

Потрібне підтвердження

Контент

Що ви змінюєте

Заголовок (UA)

Коротка відповідь (UA)

Показується над повною відповіддю для швидкого нагадування.

Відповідь (UA)

## Приклад: об'єднання трьох і більше типів

```javascript
let value: string | number | boolean;

value = "Hello";  // string
value = 42;       // number
value = true;     // boolean
value = null;     // Помилка - null не входить до об'єднання
```

> Тобто `value` може бути **рядком**, **числом** або **булевим значенням**,
> але нічим іншим.

---

## Приклад з типами через `type`

```javascript
type Status = "loading" | "success" | "error" | "idle";

let current: Status;

current = "loading"; // ok
current = "error";   // ok
current = "pending"; // Помилка - не входить до union
```

> Такі рядкові об'єднання часто використовують для **станів, ролей, статусів і режимів**.

---

## Приклад: об'єднання різних структур

```javascript
type User = { name: string };
type Admin = { name: string; permissions: string[] };
type Guest = { guestId: number };

type Person = User | Admin | Guest;

const a: Person = { name: "Tim" };                   // User
const b: Person = { name: "Alex", permissions: [] }; // Admin
const c: Person = { guestId: 123 };                  // Guest
```

> `Person` тепер може представляти **будь-яку з трьох** форм даних.

---

## Скільки можна об'єднувати?

Скільки завгодно.
Обмежень щодо кількості об'єднаних типів немає:

TypeScript спокійно обробить це -
головне, щоб код залишався **читабельним та осмисленим**.

---

## Запам'ятай

| Властивість | Опис |
|---|---|
| Оператор об'єднання | ` |
| Кількість типів | Не обмежена |
| Призначення | Змінна або функція може приймати **одне із зазначених значень** |
| Часте застосування | Статуси, ролі, стани, різні варіанти даних |

---

**Приклад із життя:**

```javascript
type PaymentMethod = "cash" | "card" | "apple-pay" | "google-pay" | "paypal";

function pay(method: PaymentMethod) {
  console.log("Оплата через:", method);
}

pay("cash");       // ok
pay("paypal");     // ok
pay("bitcoin");    // Помилка - не входить до union
```

Markdown · перетягуйте зображення · ⌘B / ⌘I шорткати320 слів

Для рев’юера

Примітка для модератора (необов’язково)

Бачить лише модератор. Прискорює рев’ю.