[TypeScript] それぞれで型定義ではなく、呼び出しシグネチャを使う

はじめに

TypeScriptをより深く理解したく下記書籍を読みました。
それぞれで型定義ではなく、呼び出しシグネチャを使うについて情報を整理したかったので、執筆します。

結論

interface 呼び出しシグネチャ名 {
  (引数名1: データ型, 引数名2: データ型): データ型;
}

1. 型を使わない

const add = (x, y) => x + y;

2. 引数と戻り値のそれぞれに型定義

型定義により安全性が向上しましたが、
「引数」「戻り値」に型定義をするとのは、手間であり
可読性はそんなに高くない

const add = (x: number, y: number): number => x + y;

3. 呼び出しシグネチャで型定義

一か所で型定義が出来て、手間が少ない
可読性も向上しました。

interface CallSignature {
  (x: number, y: number): number;
}

const add: CallSignature = (x, y) => x + y;
console.log(add(2,5));

実行結果を確認する

7