TypeScriptは型安全な開発を実現する人気のプログラミング言語です。本記事では、TypeScriptで変数や関数に型注釈を付ける基本的な方法について解説します。

変数の型注釈

TypeScriptでは、変数宣言時にコロン（:）を使って型を指定できます。

// 文字列型
let name: string = "John";

// 数値型
let age: number = 25;

// 真偽値型
let isStudent: boolean = true;

配列の型注釈

配列の型注釈には2つの方法があります。

// 方法1: 型[]
let numbers: number[] = [1, 2, 3, 4, 5];

// 方法2: Array<型>
let fruits: Array<string> = ["apple", "banana", "orange"];

オブジェクトの型注釈

オブジェクトには、プロパティごとに型を指定できます。

let user: {
    name: string;
    age: number;
} = {
    name: "John",
    age: 25
};

関数の型注釈

関数の引数と戻り値に型を指定できます。

// 基本的な関数の型注釈
function add(x: number, y: number): number {
    return x + y;
}

// アロー関数の型注釈
const multiply = (x: number, y: number): number => {
    return x * y;
};

オプショナルパラメータとデフォルト値

関数のパラメータはオプショナルにしたり、デフォルト値を設定したりできます。

// オプショナルパラメータ（?を使用）
function greet(name: string, age?: number): string {
    if (age) {
        return `Hello, ${name}. You are ${age} years old.`;
    }
    return `Hello, ${name}`;
}

// デフォルト値付きパラメータ
function welcome(name: string = "Guest"): string {
    return `Welcome, ${name}!`;
}

共用型（Union Types）

変数が複数の型を持つことができます。

// 文字列または数値を受け入れる変数
let id: string | number;
id = "abc123";  // OK
id = 123;       // OK

まとめ

TypeScriptの型注釈を使用することで、以下のメリットが得られます：

  • コード補完の強化
  • バグの早期発見
  • コードの可読性向上
  • 保守性の向上

型注釈は、TypeScriptの最も重要な機能の1つです。適切に使用することで、より安全で保守性の高いコードを書くことができます。

なお、TypeScriptには型推論機能もあり、明示的な型注釈が不要な場合もあります。ただし、コードの意図を明確にするために、重要な箇所では明示的な型注釈を付けることをお勧めします。