본문 바로가기
타입스크립트

Optional type

by ho-bolt 2022. 6. 21.

객체를 선언해줄 때 콜론 뒤에 중괄호에는 인스턴스의 타입을 명시해주고 = 뒤 중괄호에는 해당 인스턴스의 값을 선언해준다!

하지만 여기서 player라는 객체가 age를 가지고 있어도, 안가지고 있어도 되는 선택적으로 선언하고 싶다면?

해당 인스턴스 뒤에 ? 를 달아주면 된다!

그러면 해당 age는 _number/undefined_로 들어가게 된다!

Oprtional type

const player: {
    name:string,
    age?:number
}={
    name:"hojin",

}

Basic type

const player: {
    name:string,
    age:number
}={
    name:"hojin",
    age:27

}

😋 이런 타입스크립트의 장점?

if(player.age<10){

}

//Object is possibly 'undefined'.

지금 해당 player객체의 age는 undefined 이다. 따라서 위와 같이 입력할 경우 age는 undefined이기 때문에 타입스크립트가 에러를 던져준다.
하지만 자바스크립트에서는 그렇지 않았다.

728x90

'타입스크립트' 카테고리의 다른 글

Alias 타입  (0) 2022.06.21
추론 타입, 명시 타입  (0) 2022.06.21

댓글