하얀 코딩

[TypeScript - 7] Union( | ) / Intersection( & ) 본문

TypeScript

[TypeScript - 7] Union( | ) / Intersection( & )

whitecoding 2023. 6. 6. 21:37

Union

" 또는 "의 의미를 가지고 있으며 기호는 ( | )로 표시 됩니다. 

let value: number | string;

value = 10;    // OK
value = "hello";    // OK

Intersection

" 병합 "의 의미를 가지고 있으며 기호는 ( & )로 표시 됩니다. 

type Person = {
  name: string;
  age: number;
};

type Employee = {
  companyId: number;
  role: string;
};

type PersonEmployee = Person & Employee;

위의 예제에서 PersonEmployee는 Person과 Employee의 모든 속성을 갖는 타입이 됩니다. 

따라서 PersonEmployee 타입의 변수는 name, age, companyId, role 모두에 접근할 수 있고 모두 사용이 되어야 합니다.