타입스크립트/타입

타입 단언

webmaster 2022. 10. 17. 22:02
728x90
//타입 단언(type assertion)
var a;
//var b = a; //a 타입(any)를 b에 타입을 넣는다.
a = 20;
a = 'a';
var b  = a as string; //개발자가 봤을때, 해당 타입은 마지막에 대입한 값인 string 인것을 알기 때문에, 타입 단언을 이용해 타입을 지정할 수 있다
  • 개발자가 해당 타입에 대하여 컴파일러보다, 많은 정보를 알고 있을 때, 해당 타입을 값을 지정할 수 있다.
  • 여기서는 a 변수에 마지막에 대입한 타입인 string으로 a 타입이 지정될 것을 알고 b 타입에 string이라는 타입 단언을 선언할 수 있다.
//DOM API 조작
var div = document.querySelector('div') as HTMLDivElement; //해당 타입이 반드시 있다는 것을 단언해야 하기 때문에 as 를 사용해야한다
//document.querySelector('#app'); //ID 접근

if (div) {
    div.innerText;
}
  • document에 접근하는 document 메서드 같은 경우, 항상 null 처리를 해줘야한다.
  • 이때 개발자는 해당 타입을 값이 반드시 있다는 것을 단언해야 하기 때문에, 타입 단언을 사용해 값이 있음을 증빙한다.
728x90

'타입스크립트 > 타입' 카테고리의 다른 글

타입 모듈화  (0) 2022.10.17
타입 호환  (0) 2022.10.17
타입 가드  (0) 2022.10.17
타입 추론  (0) 2022.10.17