타입단언 as Type, <Type>

<Type> vs as Type

타입 단언 문법은 <Type> 과 as Type 으로 두 종류다. 아래처럼 사용할 수 있다.

1 2	(<Wizard>character).fireBall(); (character as Wizard).fireBall();

그냥 보기에는 <Type> 키워드가 좀 더 깔끔해보이지만, 대개 as Type 키워드가 추천된다. React 와 React 에서 빼놓을 수 없는 문법인 JSX 를 사용하는 경우 <Type> 키워드는 JSX 의 문법과 겹치기 때문에 불편한 면이 있다.

*내가 봤던 경우

this.context = (<HTMLCanvasElement>this.myCanvas.nativeElement).getContext('2d');
this.context = (this.myCanvas.nativeElement as HTMLCanvasElement).getContext('2d');