定义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吗？现在，公共字段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);
}