初めてのTypeScriptコード
CoddyのJavaScriptジャーニー「Introduction To TypeScript」セクションの一部。レッスン 3/73。
さあ、初めてのTypeScriptコードを書く時が来ました!TypeScriptとJavaScriptの主な違いは、変数に型アノテーションを追加できることです。
型アノテーションは、変数にどのような種類のデータを保持させるべきかをTypeScriptに正確に伝えます。構文は単純です。変数名の後にコロンを付け、その後に型名を記述します。
let variableName: type = value;例えば、テキスト(文字列)のみを保持できる変数を作成するには、次のように記述します:
let message: string = "Hello, World!";: string の部分は型アノテーション(型注釈)です。これは、message には文字列の値のみが含まれるべきであることを TypeScript に明示的に伝えます。
後でこの変数に数値やその他の型を代入しようとすると、TypeScriptはコードが実行される前にエラーを検出します。
この明示的な型指定こそが、TypeScriptがバグを早期に発見し、コードの予測可能性を高める上で非常に強力である理由です。
チャレンジ
簡単greeting という名前の変数を string 型の明示的な型注釈を付けて作成し、"Hello, TypeScript!" という値を代入してください。
次に、console.log() を使用してその変数をコンソールに出力してください。
自分で試してみよう
// TODO: ここにコードを記述してくださいこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
Introduction To TypeScriptのすべてのレッスン
2基本の型
基本の型: str, num, boolean'any' 型: 脱出ハッチ'unknown' 型'null' と 'undef' の扱い型推論の実践明示的な型アノテーションまとめ:基本の型の演習5型:エイリアス、ユニオン型、インターセクション型
プリミティブ型の型エイリアスユニオン型 ('|')ユニオン型の扱い方リテラル型インターセクション型 ('&')型エイリアスの組み合わせまとめ:高度な型の組み合わせ自分で練習してみよう: TypeScriptプレイグラウンド