devlog

フロントエンドエンジニアの技術ブログ

TypeScriptのアノテーション(型注釈)

TypeScriptでは、関数の引数や戻り値にアノテーションという型注釈を付与する事ができる。 これによって、JavaScript特有の暗黙的型変換によるバグなどを防ぐ事ができる。

アノテーションは、: 型の種類というようにコロンに続いて型の種類を指定する。

const double = (num: number) => {
  return num * 2;
}

console.log(double('aaaaaa')) // Error Argument of type '"aaaaaa"' is not assignable to parameter of type 'number'.

引数にnum: numberアノテーション(型注釈)を付与する事で、関数double()が引数として受け取る事ができるのは、number型に限定する事ができる。

const double = (num: number): number => {
  return num * 2;
}

引数の後に続いて: numberと定義する事で関数の返り値に対してもアノテーション(型注釈)を定義する事ができる。

@ 2019 devlog