TypeScriptアノテーションの使い方

2年 ago
桜, 春樹
1 minute

TypeScriptではアノーテーション（Annotation）を使用して、変数、関数、クラスに型情報を追加できます。アノーテーションの構文形式は、アノーテーションする要素の前に「:」記号を追加し、その後に対応する型を付加します。

以下に注釈の使用例を示します。

  1. 変数注釈:
let num: number = 5;
let name: string = "Alice";
  1. 関数引数及び戻り値の注釈：
function add(num1: number, num2: number): number {
    return num1 + num2;
}
  1. クラスの属性、メソッド、コンストラクタの注釈:
class Person {
    name: string;

    constructor(name: string) {
        this.name = name;
    }

    sayHello(): void {
        console.log("Hello, " + this.name);
    }
}
  1. メソッドアノテーション:
interface Point {
    x: number;
    y: number;
}

let point: Point = { x: 1, y: 2 };

TypeScript の型アノテーションは任意なので、変数、関数、クラスにアノテーションを追加しなければ、TypeScript がコンテキストから対応する型を推測することに注意してください。

bannerAds