• 本文
• リロード
• 差分
• バックアップ
• 名前変更
• リファラ
• 新規ページ
• 編集

TypeScript/基本型

TypeScript/型アサーション

Top / TypeScript / 型アサーション

コンパイラに対し型を表明する機能 (コンパイル時の処理)

https://typescript-jp.gitbook.io/deep-dive/type-system/type-assertion

例

• const canvas = document.getElementById?("id") as HTMLCanvasElement

記法

• 2種類

  hoge as string

  <string>hoge

• JSXでも<componentName>が使えるため一貫性のためにas fooを使うことをお勧めします

メモ

• キャストに似ているが、データが再構築されるわけではない。
• 一応<type> valueの書き方もある

  <any>window

ダブルアサーション

• 一度anyにしてコンパイラに文句を言わせなくする
• https://typescript-jp.gitbook.io/deep-dive/type-system/type-assertion#daburuasshon
• as any? as
• as unknown as

• Linter は unknown のほうを好みます (no-explicit-any ルールを設定している場合)
• any は unknown よりタイプする文字数が少ない

関連

• TypeScript/as
• TypeScript/interface