Menentukan jenis panggilan balik TypeScript

Saya mendapat kelas berikut di TypeScript:

class CallbackTest
{
    public myCallback;

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

Saya menggunakan kelas seperti ini:

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

Kode berfungsi, sehingga menampilkan kotak pesan seperti yang diharapkan.

Pertanyaan saya adalah: Apakah ada tipe apa pun yang dapat saya sediakan untuk bidang kelas saya myCallback? Saat ini, bidang publik myCallbackadalah tipe anyseperti yang ditunjukkan di atas. Bagaimana saya bisa menentukan metode tanda tangan panggilan balik? Atau bisakah saya mengatur tipe ke beberapa tipe callback? Atau bisakah aku melakukan ini? Apakah saya harus menggunakan any(implisit / eksplisit)?

Saya mencoba sesuatu seperti ini, tetapi tidak berhasil (kesalahan waktu kompilasi):

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

Saya tidak dapat menemukan penjelasan apa pun untuk online ini, jadi saya harap Anda dapat membantu saya.

Saya baru saja menemukan sesuatu dalam spesifikasi bahasa TypeScript, cukup mudah. Saya cukup dekat.

sintaksnya adalah sebagai berikut:

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

Dalam contoh saya, itu akan menjadi

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

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

Untuk melangkah lebih jauh, Anda bisa mendeklarasikan pointer tipe ke tanda tangan fungsi seperti:

interface myCallbackType { (myArgument: string): void }

dan gunakan seperti ini:

public myCallback : myCallbackType;

Anda dapat mendeklarasikan tipe baru:

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

var handler: MyHandler;

Memperbarui.

Kata declarekunci tidak perlu. Ini harus digunakan dalam file .d.ts atau dalam kasus serupa.

Ini adalah contohnya - tidak menerima parameter dan tidak mengembalikan apa pun.

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();

Jika Anda ingin menerima parameter, Anda dapat menambahkannya juga:

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

Dan jika Anda ingin mengembalikan nilai, Anda dapat menambahkannya juga:

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

Jika Anda menginginkan fungsi generik, Anda dapat menggunakan yang berikut ini. Meskipun sepertinya tidak didokumentasikan di mana pun.

class CallbackTest {
  myCallback: Function;
}   

Anda dapat menggunakan yang berikut ini:

1. Ketik Alias ​​(menggunakan typekata kunci, aliasing fungsi literal)
2. Antarmuka
3. Fungsi Literal

Berikut adalah contoh cara menggunakannya:

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;

    // ...

}

Saya menemukan kesalahan yang sama ketika mencoba menambahkan panggilan balik ke pendengar acara. Anehnya, pengaturan jenis panggilan balik ke EventListener menyelesaikannya. Itu terlihat lebih elegan daripada mendefinisikan tanda tangan seluruh fungsi sebagai tipe, tapi saya tidak yakin apakah ini cara yang benar untuk melakukan ini.

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);
    }
}

Saya sedikit terlambat, tetapi, karena beberapa waktu lalu dalam TypeScript Anda dapat menentukan jenis panggilan balik dengan

type MyCallback = (KeyboardEvent) => void;

Contoh penggunaan:

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

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