inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

함수 타입의 호환성

함수 타입 호환성의 내용 중에 문의 드립니다.

해결된 질문

63

민경언

작성한 질문수 34

0

안녕 하세요..

아래 내용에 대해서 문의 드립니다.

 

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 리터럴 간의 관계가 객체 타입 처럼 슈퍼와 자식 간의 관계로 봐야 하나요?

그리고 인자의 갯수 등은 문제가 되지 않는건가요?

 

제 질문의 의도가 잘 전달 되었는지 모르겠습니다.

감사 합니다.

 

typescript

답변 1

0

이정환 Winterlood

안녕하세요 이정환입니다.

타입스크립트에서의 함수 타입은 쉽게 말해,

c = d 할 때, d의 매개변수 타입이 c 매개변수 타입보다 같거나 더 넓어야 합니다.

따라서 d의 매개변수 타입이 c 매개변수 타입의 슈퍼타입이어야 합니다.

 

이때의 요점은 number와 number 리터럴 타입 사이의 “관계”가 바뀌는 게 아니라는 점 입니다.

number 타입이 number 리터럴 타입의 슈퍼타입임에는 변함이 없지만

함수 타입의 호환성을 따질때에는 예외적으로 이렇게 적용된다고 이해하시면 됩니다.

 

이런 개념을 정확한 용어로는 공변성/반공변성 이라고 하는데요 이에 대해 잘 설명되어있는 블로그 아티클을 몇개 첨부해 드리겠습니다. 읽어보시면 도움이 되실듯 합니다 😀

https://inpa.tistory.com/entry/TS-%F0%9F%93%98-%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B3%B5%EB%B3%80%EC%84%B1-%EB%B0%98%EA%B3%B5%EB%B3%80%EC%84%B1-%F0%9F%92%A1-%ED%95%B5%EC%8B%AC-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0

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