[TypeScript] Parameter Type Annotations

안녕하세요 동기 여러분! 오늘은 타입스크립트 매개변수에 타입을 설정하여 적절한 에러를 뜰 수 있게끔 하는 방법에 대해 알아봅시다!

 

Parameter Type Annotations

저번 시간에 알아본 코드를 살펴보면 문자를 넣고 싶은 매개 변수에 숫자를 넣었더니 결괏값으로 언디파인드가 나왔었습니다.

 

하지만 오늘은 매개 변수의 타입을 string(문자)로 설정하여 실행해 제대로 된 에러를 띄워 보겠습니다.

 

이전에 배운 변수 타입 선언(Variable Type Annotation, 변수 타입 주석 달기)이랑 똑같은 방식입니다.

 

타입스크립트 코드에 아래와 같이 작성합니다.

function howManyLetters(words: string) {
    console.log(words.length);
}

howManyLetters(10);

• words라는 매개 변수 옆에 : (colon)을 쓰고 string(문자) 타입을 넣어주면 완성입니다.
• howManyLetters라는 식별자에 독립 변수는 숫자 타입인 숫자 10을 넣고 컴파일링을 해보겠습니다.

• '숫자 타입의 독립변수는 문자 타입의 매개변수에 선언할 수 없다.'라고 제대로 에러가 나옵니다!!!

 

---

 

다른 것도 해봅시다.

매개변수를 2개 지정하고 첫 번째는 타입을 설정하지 않고 두 번째는 불린 타입을 설정한 함수를 실행해 보도록 합시다.

function typeAnnotationTest(a1, a2: boolean) {
    console.log(`${a1} is ${a2}.`)
}

typeAnnotationTest('동기는 애플 컴퓨터가 가지고 싶다', true);

이 코드를 컴파일링 해보았습니다.

 

 

오류 없이 컴파일링이 되었습니다.

자바스크립트에서 실행해보겠습니다.

 

 

출력도 정상적으로 나옵니다.

 

 

두 번째 매개 변수에 불린 타입이 아닌 문자 타입의 독립 변수를 넣어보겠습니다.

function typeAnnotationTest(a1, a2: boolean) {
    console.log(`${a1} is ${a2}.`)
}

typeAnnotationTest('동기는 애플 컴퓨터가 가지고 싶다', '무슨소리야 엄청 비싸다구!');

바로 에러가 뜨면서 '문자 타입의 독립 변수는 불린 타입 매개 변수에 선언할 수 없다.'라고 합니다.

 

---

 

오늘의 느낌

요즘 협소 건축물에 관한 유튜브 영상을 보게 되었는데 화장실이 잠을 자는 공간과 같이 있다는 건 정말 최악인 거 같다. 특히 변기는 청소를 아무리 한다고 해도 세월이 지나면 냄새가 나기 마련...