FrontEnd/TypeScript

[TypeScript] 오브젝트 타입

무무둥 2023. 3. 4. 15:57

1. type 방식

type User = {
	name:string
}

type Player = User & {
	...
}

- 장점 : 유연하다.

             alias 지정이 가능하다.

             지정한 값만 가지도록 타입 제한이 가능하다.

 

2. interface 방식

interface User {
	name:string
}

interface Player extends User {
	...
}

장점 : 객체지향 방식에서 이해가 쉽다.

          property의 축적이 가능하다.(type 으로는 불가능)

// property 축적 예제
interface User {
	name:string
}
interface User {
	firstName:string
}
interface User {
	lastName:string
}

const kim: User {
	name:'kim',
    	firstName:'kim',
    	lastName:'yong'
}

 

두 방식 모두 하는 점은 거의 같으니 상황에 맞게 사용하면 된다.