型推論の実践
CoddyのJavaScriptジャーニー「Introduction To TypeScript」セクションの一部。レッスン 10/73。
変数を値で初期化すると、TypeScriptはその値を調べて、適切な型を自動的に割り当てます:
let message = "Hello, World!"; // TypeScriptの推論: string
let count = 42; // TypeScriptの推論: number
let isActive = true; // TypeScriptの推論: booleanこの型推論は、明示的なアノテーションと同じ型安全性を提供しながら、よりクリーンで読みやすいコードを実現します。これらの変数に互換性のない値を再代入しようとすると、TypeScriptは引き続き型エラーを検出します。
型推論は、TypeScriptが代入の瞬間に初期値を分析することで機能します。文字列の値は、その変数がstring型であるべきであることをTypeScriptに伝え、数値はnumber型であることを示す、といった具合です。
チャレンジ
簡単明示的な型注釈を使用せず、TypeScriptの型推論を利用して3つの変数を作成してください:
companyName という名前の変数を宣言し、文字列 "TechCorp" で初期化します。
employeeCount という名前の変数を宣言し、数値 150 で初期化します。
isPublic という名前の変数を宣言し、真偽値 false で初期化します。
宣言した順に、3つの変数すべてをコンソールに別々の行で出力してください。
TypeScriptは、各変数に割り当てられた初期値に基づいて、正しい型を自動的に推論します。
自分で試してみよう
// TODO: ここにコードを書いてください
// 3つの変数を初期値とともに宣言します
// TypeScriptの型推論を使用することを忘れないでください(明示的な型注釈は不要です)
// 3つの変数すべてをコンソールに出力しますこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
Introduction To TypeScriptのすべてのレッスン
2基本の型
基本の型: str, num, boolean'any' 型: 脱出ハッチ'unknown' 型'null' と 'undef' の扱い型推論の実践明示的な型アノテーションまとめ:基本の型の演習5型:エイリアス、ユニオン型、インターセクション型
プリミティブ型の型エイリアスユニオン型 ('|')ユニオン型の扱い方リテラル型インターセクション型 ('&')型エイリアスの組み合わせまとめ:高度な型の組み合わせ自分で練習してみよう: TypeScriptプレイグラウンド