Typescript-タイプ断言の概要


全体的には、インフラリーダーの板橋氏のタイプシナリオ入門講座を参考に整理した.
タイプスクリプトマニュアル / タイプスクリプトの開始
タイプ断言とは?
開発者が
  • タイプのスクリプトよりもタイプをよく知っている場合は、
  • を使用します.
  • タイプのスクリプトは、開発者が選択したタイプに設定されます.
    //1. 타입스크립트가 타입에 대해 모르는 경우
    var a; //var a: any
    var b = a; //var b: any , var b: any
    
    
    //2. 타입스크립트가 타입에 대해서 모르지만 개발자가 타입에 대해 알고 있는 경우 설정
    var a;
    var b = a as string; //var b: string
    DOM API操作例
  • タイプの断言を使用する例としては、DOM API動作がある.
  • HTML DOMのタイプはHTML DivElement|nullである可能性がありますので、タイプ断言でHTML DivElementであることを伝える必要があります.
  • var div = document.querySelector('div'); //HTMLDivElement | null
    var app = document.querySelector('#app') as HTMLDivElement;