การกำหนดประเภทการโทรกลับ 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);
}