generic 타입 명시적 선언

YOUNGJOO-YOON·2021년 7월 6일
0

typeScript

목록 보기
24/65

###TOC

  1. generic 타입 명시적 선언

1. generic 타입 명시적 선언

TS도 타입추론이 막히는 경우가 있다. DOM을 지칭하는 button button이나,
어떤 함수로 generic 타입 선언을 감싸는 경우 등 이런 경우는 발생하게 된다.

type Button=MyEvent<HTMLButtonElement> // 추론 불가

위와 같은 상황을 피하기 위해 타입을 명시적으로 한정해주자.


type MyEvent<T>={
	target:T
	type:string
}

let myEvent:MyEvent<HTMLButtonElement | null> ={
	target:document.querySelector('#myButton'),
	type:'click'
};

console.log(myEvent);

이런식으로 타입을 명시해주게 되면 타입 추론이 매끄럽게 일어나게 된다.

profile
이 블로그의 글은 제 생각을 정리한 글과 인터넷 어딘가에서 배운 것을 정리한 글입니다. 출처는 되도록 남기도록 하겠습니다. 수정 및 건의 오류 등이 있으면 언제든지 댓글 부탁드립니다.

0개의 댓글