TypeScriptで、関数を型にする

Typescriptの型として、

「number」「string」「boolean」などとありますが、

実は、関数も型にできます！

var function1:(arg1:number, arg2:string)=>boolean;

こんな感じ。

(引数名:型, 引数名:型 .....)=>戻り値

戻り値がないときは、voidを指定できます。

どんなときにつかうの？

コールバック引数を使いたい

function progressA(callback: (msg:string)=>void) {
  callback("hoge");
}

progressA((msg) => {
  console.log(msg);
});

関数を配列とする

var fnArray:Array<(msg:string)=>void> = [];
fnArray.push((msg) => {
  alert(msg);
});
fnArray.push((msg) => {
  console.log(msg);
});
fnArray.forEach(i => {
  // 関数だから呼び出せる
  i("Hello, TypeScript!");
});

AddEventListenerの引数にも！

lib.d.tsを見てみると、

addEventListener(type: "click", listener: (ev: MouseEvent) => any, useCapture?: boolean): void;

引数listenerの型にも使われています！

TypeScript楽しい！奥深い！