type alias, interface

TypeScript

type alias, interface

Summer.dev 2023. 9. 3. 16:58

요약

Type Alias는 모든 타입을 선언할 때 사용할 수 있고

Interface는 객체에 대한 타입을 선언할 때 사용될 수 있다.

차이점은 확장 가능 여부이며

확장 불가능한 타입 선언시 Type Alias를

확장 가능한 타입 선언시 Interface를 사용한다.

설명

사실 제일 최근 프로젝트를 하면서 type alias는 모든 타입을 선언할 때 사용할 수 있어서

거의 모든 객체 데이터 타입을 type alias로 설정해주었습니다.

//interface
interface Person {
  name: string,
  age?: number
}

const person = {} as Person;
person.name = 'Kim';
person.age = 25;
person.address = 'Seoul'; // Error

// type alias
type Person = {
  name: string,
  age?: number
}

const person = {} as Person;
person.name = 'Kim';
person.age = 25;
person.address = 'Seoul'; // Error

위 코드와 같이 interface와의 차이점을 크게 느끼지 못했기 때문입니다.

typescript 공식문서에 따르면 type alias와 interface의 가장 큰 차이점은

type alias 는 새 프로퍼티를 추가할 수 없고

interface 는 항상 확장 될 수 있다는 점입니다.

아래는 예시 코드 입니다.