TypeScriptコールバックタイプの定義

TypeScriptには次のクラスがあります。

class CallbackTest
{
    public myCallback;

    public doWork(): void
    {
        //doing some work...
        this.myCallback(); //calling callback
    }
}

私はこのようなクラスを使用しています：

var test = new CallbackTest();
test.myCallback = () => alert("done");
test.doWork();

コードが機能するため、期待どおりにメッセージボックスが表示されます。

私の質問は：私のクラスフィールドに提供できるタイプはありますmyCallbackか？現在、publicフィールドmyCallbackはany上記のタイプです。コールバックのメソッドシグネチャを定義するにはどうすればよいですか？または、タイプをある種のコールバックタイプに設定できますか？または私はこれらのネザーを行うことができますか？any（暗黙/明示）を使用する必要がありますか？

私はこのようなものを試しましたが、うまくいきませんでした（コンパイル時エラー）：

public myCallback: ();
// or:
public myCallback: function;

これについてはオンラインで説明が見つからなかったので、助けていただければ幸いです。

TypeScript言語仕様で何か見つけたところですが、それはかなり簡単です。かなり近かった。

構文は次のとおりです。

public myCallback: (name: type) => returntype;

私の例では、それは

class CallbackTest
{
    public myCallback: () => void;

    public doWork(): void
    {
        //doing some work...
        this.myCallback(); //calling callback
    }
}

さらに一歩進むには、次のように関数シグネチャへの型ポインタを宣言できます。

interface myCallbackType { (myArgument: string): void }

次のように使用します。

public myCallback : myCallbackType;

新しいタイプを宣言できます：

declare type MyHandler = (myArgument: string) => void;

var handler: MyHandler;

更新。

declareキーワードは必要ありません。.d.tsファイルまたは同様の場合に使用する必要があります。

次に例を示します。パラメータを受け入れず、何も返しません。

class CallbackTest
{
    public myCallback: {(): void;};

    public doWork(): void
    {
        //doing some work...
        this.myCallback(); //calling callback
    }
}

var test = new CallbackTest();
test.myCallback = () => alert("done");
test.doWork();

パラメータを受け入れる場合は、それも追加できます。

public myCallback: {(msg: string): void;};

また、値を返したい場合は、それも追加できます。

public myCallback: {(msg: string): number;};

ジェネリック関数が必要な場合は、以下を使用できます。どこにも文書化されていないようですが。

class CallbackTest {
  myCallback: Function;
}   

次のものを使用できます。

1. タイプエイリアス（typeキーワードを使用し、関数リテラルにエイリアスを付ける）
2. インターフェース
3. 関数リテラル

これらの使用例を次に示します。

type myCallbackType = (arg1: string, arg2: boolean) => number;

interface myCallbackInterface { (arg1: string, arg2: boolean): number };

class CallbackTest
{
    // ...

    public myCallback2: myCallbackType;
    public myCallback3: myCallbackInterface;
    public myCallback1: (arg1: string, arg2: boolean) => number;

    // ...

}

イベントリスナーにコールバックを追加しようとしたときに同じエラーに遭遇しました。奇妙なことに、コールバックタイプをEventListenerに設定すると解決しました。関数シグネチャ全体を型として定義するよりもエレガントに見えますが、これが正しい方法であるかどうかはわかりません。

class driving {
    // the answer from this post - this works
    // private callback: () => void; 

    // this also works!
    private callback:EventListener;

    constructor(){
        this.callback = () => this.startJump();
        window.addEventListener("keydown", this.callback);
    }

    startJump():void {
        console.log("jump!");
        window.removeEventListener("keydown", this.callback);
    }
}

私は少し遅れましたが、TypeScriptで少し前から、コールバックのタイプを定義することができます

type MyCallback = (KeyboardEvent) => void;

使用例：

this.addEvent(document, "keydown", (e) => {
    if (e.keyCode === 1) {
      e.preventDefault();
    }
});

addEvent(element, eventName, callback: MyCallback) {
    element.addEventListener(eventName, callback, false);
}