Визначення типу зворотного виклику 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);
}