[typescript] Generic

jungmin kim·2021년 12월 9일
0

Typescript

목록 보기
3/3

Generic이란?

typescript에서 Generic을 사용하면 클래스나 함수 인터페이스를 다양한 타입으로 사용할 수 있다.

Generic을 쓰는 이유

다음과 같은 예시를 보자

각각의 number, string, boolean, object 타입의 배열을 만들었는데,
arr가 배열을 받고 있으므로 length에 빨간 줄이 쳐진다.

각각 '[]'을 넣어주니 빨간 줄이 사라졌다.
그런데,
위 예시를 다시 보면 여러가지 타입이 섞여있어서 매번 위와 같이 타입정의를 할 수 없다.
이럴 때 Generic을 쓰면 해결된다.

Type parameter활용


위와 같이 함수명 옆에 꺽쇠를 넣고, 꺽쇠 내부에 T라는 타입 파라미터를 쓴다.
이 T를 이용하여 위와 같이 써주면 결과는 동일하다.

interface 활용

다음 코드는 interface를 활용한 T parameter의 활용법이다.

코딩앙마 유투브 참고
https://www.youtube.com/watch?v=pReXmUBjU3E
TypeScript doc 참고
https://www.typescriptlang.org/docs/handbook/2/generics.html

0개의 댓글