함수 타입 호환성의 내용 중에 문의 드립니다.
안녕 하세요..
아래 내용에 대해서 문의 드립니다.
type C = (value:number) => void;
type D = (value:10) => void;
let c: C = (value) => {};
let d: D = (value) => {};
c = d;
type Animal = {
name: string;
color: string;
};
type Dog = {
name: string;
color: string;
breed: string;
};
let animalFunc = (animal: Animal):void => {
console.log(animal.name);
};
let dogFunc = (dog: Dog):void => {
console.log(dog.name);
console.log(dog.color);
};
에서 c 와 d 의 경우 매개변수가 원시타입? 인 number 와 number 리터럴 간의 관계 이고 Animal 타입과 Dog 타입의 경우는 객체 간의 관계 입니다.
Animal 의 인자는 1개 이고 Dog 는 2개 이므로 대입할 수가 없기 때문에 오류가 발생 하지만 위의 number 와 number 리터럴은 원시타입 이므로 Animal, Dog 와 달리 대입 인자의 갯수 등은 문제가 되질 않습니다.
그래서 매개변수의 호환성 에서 설명이 잘 이해가 되질 않습니다... 그렇다면 number 와 number 리터럴 간의 관계가 객체 타입 처럼 슈퍼와 자식 간의 관계로 봐야 하나요?
그리고 인자의 갯수 등은 문제가 되지 않는건가요?
제 질문의 의도가 잘 전달 되었는지 모르겠습니다.
감사 합니다.
답변 1
0
안녕하세요 이정환입니다.
타입스크립트에서의 함수 타입은 쉽게 말해,
c = d 할 때, d의 매개변수 타입이 c 매개변수 타입보다 같거나 더 넓어야 합니다.
따라서 d의 매개변수 타입이 c 매개변수 타입의 슈퍼타입이어야 합니다.
이때의 요점은 number와 number 리터럴 타입 사이의 “관계”가 바뀌는 게 아니라는 점 입니다.
number 타입이 number 리터럴 타입의 슈퍼타입임에는 변함이 없지만
함수 타입의 호환성을 따질때에는 예외적으로 이렇게 적용된다고 이해하시면 됩니다.
이런 개념을 정확한 용어로는 공변성/반공변성 이라고 하는데요 이에 대해 잘 설명되어있는 블로그 아티클을 몇개 첨부해 드리겠습니다. 읽어보시면 도움이 되실듯 합니다 😀
https://mycodings.fly.dev/blog/2024-02-20-understanding-typescript-covariant-and-contravariant
핸드북 light/dark mode 관련 이슈가 있는 것 같습니다.
0
35
1
제네릭 클래스 핸드북 페이지가 undefined라고 나옵니다.
0
33
2
적절한 타입 찾기 React.ChangeEvent<HTMLInputElemen>
0
41
2
outDir 옵션 추가 후 컴파일 오류 질문
0
96
1
호출 시그니처 질문
0
75
2
서로소 유니언 타입이 discriminated union과 동의어 인가요?
0
88
2
조건부타입소개 중 함수오버로딩 활용 시 인수의타입과 함수의 반환값의 타입이 깨지는 문제
0
77
1
할인쿠폰 관련하여
0
174
2
프론트엔드에서의 인터페이스활용
0
107
2
안녕하세요 이정환님!
0
99
1
Node.js 설치에 관한 질문입니다.
0
87
2
함수 타입 호출 시그니처
0
65
1
35강. 모듈 보강은 라이브러리 파일을 직접 편집해야 하나요?
0
72
2
인터페이스 문법이 있는데 타입 별칭 문법은 왜 있나요?
0
125
4
마우스 호버 시 정보
0
103
2
vite으로 리액트 빌드하기를 업데이트해주세요.
1
93
2
타입가드를 만들어 사용하는 이유가 궁금합니다.
0
93
2
섹션 12가 너무 어려운데... 정상이겠죠..?
0
143
2
선생님.. 알고리즘도 강의해주시면안되나요
0
107
2
선생님은 어떻게 이런걸 아세요?
0
138
1
type: module
0
108
2
7:17초 업캐스팅 질문이있습니다!
0
86
1
슈퍼타입질문
1
75
2
프로젝트 설치
0
119
2





