0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

ジェネリック型 備忘録

Last updated at Posted at 2022-05-14

ジェネリック型の使い方

TypeScriptのジェネリック型について学習したので忘れないようにメモ

ジェネリック型を使うタイミング

型がnumberやstringのように明確に決まっていない関数を宣言したい時などに使う
いつ型が決まるのかというと、関数を使用するタイミングで決まる(引数を渡すタイミング)
シグネチャの時点ではジェネリック型を使う

ジェネリック型の使い方

  • <>で囲む
  • 書く場所によってスコープが決まる
  • 通常はTなど大文字のアルファベットを使う

フィルター関数を作成する

type Fileter = {
 <T>(array: T[],f: (item: T) => boolean): T[]
}

上記のようにシグネチャを定義しておき、
このシグネチャを実装する時に適当に引数を渡せばTの部分が推論される

let filter: Filter = (array,f) => //...
filter([1,2,3], _ => _ > 2)

filter関数をFilter型で定義
引数に数値の配列を渡しているのでTはnumberと推論される
文字列の配列を渡せばTはstringとなる。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?