TS025. 타입스크립트 옵셔널 vs Type | Undefined 의 차이

Optional vs Or undefined

• 옵셔널의 타입 추론이 number | undefined 로 되는데, 그러면 실제로 number | undefined 라고 쓰는 것과 무슨 차이일까?

// 옵셔널 이용
interface Person1 {
  name: string;
  age?: number;
}

// 옵셔널 이용하지 않음
interface Person2 {
  name: string;
  age: number | undefined;
}

• 아래 보면 추론된 타입이 number | undefined 인 것을 볼 수 있다.

결과

• 옵셔널을 이용하면 프로퍼티 입력 자체를 생략 가능하다.
• 옵셔널을 이용하지 않고 number | undefined 를 이용하면 undefined 를 입력하더라도 무조건 입력을 해야 한다.

const person1: Person1 = {
  name: "김똘똘",
};

const person2: Person2 = {
  name: "김똘똘",
  age: undefined,
};