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

typescript-call-signature
INDEX

はじめに

初めてのTypeScriptを読みました。
その学習を記録します。

40036_learning_typescript_cvr

結論

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 
よかったらシェアしてね!
  • URLをコピーしました!

この記事を書いた人

Born in 1994
Engineer's career is from 2020.10
Skill: Next.js, TypeScript, Django, Python, HTML, CSS

INDEX