TypeScript 인터페이스 타입에 대해서 질문이 있습니다!

Question

안녕하세요! TS공부하다가 인터페이스의 하이브리드 타입에 대해 갑자기 의문이 생겨서 질문드립니다my라는 변수에 함수타입대로 정의를 해주고 as CraftBeer를 해줬기 때문에my변수에 함수타입대로 정의를 해 주는데 함수타입을 보면 인자로(beer: string): string;입니다즉, 인자로 string타입을 받고 string타입을 리턴 해줘야 하는데위의 코드에서는 리턴타입이 void입니다. 근데 왜 에러가 안 뜨고 제대로 실행이 되는 건가요?그리고 as CraftBeer부분을 지우게 되면 my.brand &#61; 'Beer Kitchen'; 나 my.brew &#61; function () {}; 부분을 작성할 수 없게 되는데 원래 JS에서 함수에 프로퍼티를 추가할 수 있는 걸로 아는데 왜 as CraftBeer가 없으며 에러가 발생하는 건가요?

잣댐스키 · Answer

let my &#61; function (beer: string) {} as CraftBeer // No Error let my: CraftBeer &#61; function (beer: string) {} // Error위 2개는 엄연히 다릅니다. as 등을 통한 타입단언의 경우 컴파일러에게 힌트를 주어 컴파일 오류를 방지하고 런타임에서 오류가 발생할 수 있습니다. (하지만 타입스크립트가 컴파일에서 오류 없이 지나가면 자바스크립트 단에서 undefined는 string으로 자연스럽게 바뀌어서 따로 런타임에러도 없겠네요..) 밑에 타입스크립트 문법대로 타입을 명시하면 void not assigned string Error가 나옵니다. let test1 &#61; 'string' // tsc가 추론한 타입은 string const test2 &#61; 'string' // tsc가 추론한 타입은 'string' 문자 리터럴추가로 주신 질문은 위와 같이 let 과 const의 타입추론의 차이인 거 같네요. const의 불변성 때문에 let 과 const의 타입을 명시하지 않았을 경우 tsc가 추론할 때 차이가 발생합니다. 따라서 let으로 선언한 my는 함수만을 가지는 타입으로 추론한것으로 보이네요.. const를 쓰거나 my: CraftBeer 나 지금처럼 as CraftBeer 를 쓰시면 타입 추론이 가능하여 에러가 나지 않습니다.

TypeScript 인터페이스 타입에 대해서 질문이 있습니다!

1개의 답변

Q&A 목록