まくろぐ
更新: / 作成:

TypeScript の特徴は、変数の型を明示的に指定できることです。 この型指定のことを タイプアノテーション (Type annotation) と呼びます。

単純な変数のタイプアノテーション

下記は、文字列、数値、真偽値、配列のタイプアノテーションの例です。

let user: string = 'まく';
let age: number = 14;
let isActive: boolean = true;
let titles: string[] = ['名前1', '名前2', '名前3'];

指定した型と異なる型の値を代入しようとするとエラーになります。

let age: number = 14;
age = '100歳';
エラーメッセージ
Cannot assign to 'age' because it is a constant.

配列や辞書、クラスなどの使い方は下記のページを参考にしてください。

関数のタイプアノテーション

関数の型もアノテーションで示すことができます。

// 文字列を受け取り、何も返さない関数
let logger: (name: string) => void;

// 2つの数値を受け取り、真偽値を返す関数
let equal: (a: number, b: number) => boolean;

これらの変数には、パラメータと戻り値の型が等しく定義された関数のみ代入することができます。

function func1(name: string) {
  console.log("Hello, " + name);
}

function func2(a: number, b: number): boolean {
  return a == b;
}

logger = func1;
equal = func2;

logger('Maku');  // Hello, Maku
console.log(hikaku(10, 20));  // false

関連記事

まくろぐ
サイトマップまくへのメッセージ