TypeScriptでは変数・関数の引数・戻り値に型を指定できます。
// 変数の型アノテーション
let name: string = "たろう";
let age: number = 16;
let isStudent: boolean = true;
// 配列
let scores: number[] = [80, 90, 75];
let names: string[] = ["たろう", "はなこ"];
// 関数の型定義
function greet(name: string): string {
return `こんにちは、${name}!`;
}
// アロー関数
const add = (a: number, b: number): number => a + b;
// Union型(複数の型を許可)
let id: string | number = "abc123";
id = 456; // OK
// オプショナル(?)
function hello(name: string, greeting?: string): string {
return `${greeting ?? "こんにちは"}、${name}!`;
}
⚠️ TypeScriptは最終的にJavaScriptに変換される
ブラウザはTypeScriptを直接実行できません。tscコマンドでJSに変換してから実行します。
コードクエスト上では変換なしで実行できます。