[TypeScript] Default Parameters

안녕하세요 동기 여러분! 오늘은 매개 변수에 기본 값을 넣어 응용하는 방법에 대해 알아봅시다!

 

Default Parameters

만약 매개 변수에 기본 값을 넣어 주었다면 타입스크립트는 그 기본값을 추론하여 어떤 타입인지 알아냅니다.

 

function iWant(thing = 'love') {
  console.log(`I want ${thing}.`);
}

• 함수 iWant에 매개 변수 thing의 기본값이 'love'로 설정되고
• I want thing. 에서 thing에 사용자가 지정한 값이나 기본 값이 출력될 수 있게 만들었습니다.
• 위와 같은 상황에서 매개 변수 thing는 값으로 문자(string)이나 언디파인드(undefined) 받을 수 있습니다. -> 하지만 다른 타입의 값을 받을 경우 타입스크립트에서 에러로 알려줍니다.

숫자 타입의 342를 넣었더니 에러를 띄워줍니다.

 

---

 

기본값 넣어서 응용하기

function dinner(food?: string) {
    console.log(`난 ${food || '안'} 먹고싶어`)
}

dinner()

위 코드는 지난 시간에 물음표(question mark)를 통해 값이 언디파인드(undefined)로 오는 경우 ( dinner() 처럼 ) 타입스크립트가 에러를 띄우는 것을 방지했습니다.

 

그런데 말입니다

 

위 코드를 default parameter를 이용하면 더욱 간단하고 에러가 생기지 않게 바꾸어 줄 수 있습니다.

function dinner(food= '안') {
    console.log(`난 ${food} 먹고싶어`)
}

dinner()

• ?를 지우고 :도 지우고 =를 추가한다음 '안'이라는 문자를 넣어주었습니다.
• || 도 필요가 없어졌으니 그뒤에 오는 '안'이라는 값도 지워주었습니다.

 

바꾼 코드를 컴파일링도 해보고 자바스크립트에서 실행도 해보겠습니다.

컴파일링은 에러 없이 지나갔습니다.

자바스크립트에서도 문제 없이 실행됩니다.

 

---

 

오늘의 느낌

하루에 한끼만 먹는 것은 너무 힘든 일이다... 두끼를 적게 먹기로 계획을 변경할까 했지만 음... 어떡하지?ㅋㅋㅋ