[TypeScript] Optional Parameters

안녕하세요 동기 여러분! 오늘은 함수를 실행하는데 독립변수에 값이 주어지지 않고 타입스크립트에서 컴파일링을 했을 때 에러를 없애는 마법을 부려보도록 하겠습니다! 단 하나의 기호를 가지고 말이죠!

 

Optional Parameters

제목이 선택적인 매개 변수입니다. 오호 그럼 매개 변수를 내 마음대로 선택이 가능하다는 소리인가를 염두해두고 갑시다.

 

타입스크립트는 우리가 보통 함수에서 독립 변수인 값을 넣지 않고 실행하면 에러를 띄웁니다. 오호라 에러를 띄운다라... 가끔 값을 넣지 않아야 하는 경우도 생기는데 이럴 때 마다 타입스크립트가 에러를 띄우면 상당히 귀찮을 거 같습니다.

 

그래서 나온 방법이 바로 !!!

이 물음표를 사용하는 것입니다. (상당히 머리로 치고 싶게 생겼죠?ㅋㅋㅋ)

 

---

 

일단 에러를 먼저 봅시다.

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

dinner()

이 코드를 컴파일링을 하면 아래와 같은 에러가 나옵니다.

'독립 변수 'food'가 없잖아!' 라고 에러를 띄워줍니다.

 

이제 물음표를 사용해봅시다.

함수 선언문에 food 뒤에다가 ? 하나만 붙이면 끝입니다.

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

dinner()

 

컴파일링을 해보겠습니다.

에러가 사라졌습니다!!!

 

 

---

 

오늘의 느낌

오랜만에 코드 쓰니까 너무 헷갈린다 ㅠ ㅠ 

 

 

---

 

 

추가

값이 없을 때 다른 문구가 나오게 하고 싶을 때 (메모)

function dinner(food) {
    if (typeof food === 'string') {
        console.log("\uB09C ".concat(food, "\uC774(\uAC00) \uBA39\uACE0\uC2F6\uC5B4"));
    }
    else {
        console.log('난 아무것도 안먹고싶어');
    }
}
dinner('선산 곱창전골');