明示的な型アノテーション
CoddyのJavaScriptジャーニー「Introduction To TypeScript」セクションの一部。レッスン 11/73。
明示的なアノテーションを使用する場合と、型推論に頼る場合を理解することは、効果的なTypeScriptコードを書く上で極めて重要です。
明示的な型注釈が必要となる最も一般的なシナリオは、変数に値をすぐに代入せずに宣言する場合です:
let score: number; // 明示的に型を指定する必要があります
score = 85; // 後で値を代入します明示的な : number アノテーションがない場合、TypeScript は型を any と推論し、すべての型安全性の利点が失われます。型を明示的に宣言することで、後でこの変数に数値のみを代入できるように保証できます。
チャレンジ
簡単明示的な型 number を持つ totalScore という名前の変数を、初期値を代入せずに宣言してください。
次の行で、変数 totalScore に値 95 を代入してください。
次に、明示的な型 string を持つ playerName という名前の別の変数を、初期値を代入せずに宣言してください。
次の行で、変数 playerName に値 "Alex" を代入してください。
最後に、両方の変数を別々の行でコンソールに出力してください。最初に totalScore、次に playerName の順で出力します。
自分で試してみよう
// TODO: ここにコードを記述してくださいこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
Introduction To TypeScriptのすべてのレッスン
2基本の型
基本の型: str, num, boolean'any' 型: 脱出ハッチ'unknown' 型'null' と 'undef' の扱い型推論の実践明示的な型アノテーションまとめ:基本の型の演習5型:エイリアス、ユニオン型、インターセクション型
プリミティブ型の型エイリアスユニオン型 ('|')ユニオン型の扱い方リテラル型インターセクション型 ('&')型エイリアスの組み合わせまとめ:高度な型の組み合わせ自分で練習してみよう: JavaScriptオンラインコンパイラ