这是angular组件和服务的可选回调函数示例

    maincomponent(){
        const param = "xyz";
       this.service.mainServie(param, (response)=>{
        if(response){console.log("true");}
        else{console.log("false");}
      })
    }

//Service Component
    mainService(param: string, callback?){
      if(string === "xyz"){
        //call restApi 
        callback(true);
      }
    else{
        callback(false);
      }
    }

这个问题的答案是每个人都定义了类型或接口。我用typescript定义了函数，但没有定义类型。

您可以像下面这样定义带有回调类型参数的函数。您可以在类型本身中定义多个返回值，并返回多个数据，以逗号分隔，并从调用函数的位置使用相同的数据。

functionWithCallback = (completion: (returnData: any, someMoreData: any) => void) => {
    completion(["A", "B"], 5);
}

你可以这样称呼它。

functionWithCallback((returnData: any, someMoreData: any) => {
    //you can use all the data returned from the function here
}

希望这能帮助到一些人。

你可以声明一个新类型:

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

var handler: MyHandler;

更新。

declare关键字不是必需的。它应该用在。d。Ts文件或类似情况。

我有点晚了，但是，在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);
}

我在尝试将回调添加到事件侦听器时遇到了相同的错误。奇怪的是，将回调类型设置为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);
    }
}

下面是一个简单的例子，说明如何定义包含回调的接口。

// interface containing the callback

interface AmazingInput {
    name: string
    callback: (string) => void  //defining the callback
}

// method being called

public saySomethingAmazing(data:AmazingInput) {
   setTimeout (() => {
     data.callback(data.name + ' this is Amazing!');
   }, 1000)

}

// create a parameter, based on the interface

let input:AmazingInput = {
    name: 'Joe Soap'
    callback: (message) => {
        console.log ('amazing message is:' + message);
    }
}

// call the method, pass in the parameter

saySomethingAmazing(input);