Что делает символ | в typescript?

@cloyd 

@cloyd 

В TypeScript символ | используется для объединения типов, известный как тип-союз. Он позволяет указывать, что значение может иметь один из нескольких возможных типов.

Например, если у нас есть интерфейс Person с двумя свойствами name и age:

1
2
3
4

interface Person {
  name: string;
  age: number;
}

Мы также можем объявить тип Employee с дополнительным свойством company:

1
2
3

interface Employee {
  company: string;
}

Чтобы создать тип, который может быть либо Person, либо Employee, используется символ | :

1

type PersonOrEmployee = Person | Employee;

Теперь переменная типа PersonOrEmployee может содержать значения, которые соответствуют типу Person или типу Employee:

1
2

let person: PersonOrEmployee = { name: "John", age: 30 };
let employee: PersonOrEmployee = { name: "Jane", age: 25, company: "ABC Company" };

Таким образом, символ | позволяет создать типы, которые могут принимать различные значения по указанным возможным типам.