Возможны ли строго типизированные функции как параметры в TypeScript?

395

В TypeScript я могу объявить параметр функции как тип Function. Есть ли "безопасный для типов" способ сделать это, что мне не хватает? Например, рассмотрим это:

class Foo {
    save(callback: Function) : void {
        //Do the save
        var result : number = 42; //We get a number from the save operation
        //Can I at compile-time ensure the callback accepts a single parameter of type number somehow?
        callback(result);
    }
}

var foo = new Foo();
var callback = (result: string) : void => {
    alert(result);
}
foo.save(callback);

Функция обратного вызова save не является безопасной для типов, я даю ей функцию обратного вызова, где параметр функции является строкой, но я передаю ей число и компилирую без ошибок. Можно ли сделать параметр результата в функции сохранения типа безопасной?

TL; версия DR: есть ли в TypeScript эквивалент делегата .NET?

Теги:

4 ответа

552
Лучший ответ

Конечно:

class Foo {
    save(callback: (n: number) => any) : void {
        callback(42);
    }
}
var foo = new Foo();

var strCallback = (result: string) : void => {
    alert(result);
}
var numCallback = (result: number) : void => {
    alert(result.toString());
}

foo.save(strCallback); // not OK
foo.save(numCallback); // OK

Если вы хотите, вы можете определить тип для инкапсуляции:

type NumberCallback = (n: number) => any;

class Foo {
    // Equivalent
    save(callback: NumberCallback) : void {
        callback(42);
    }
}
Поделиться
  • 5
    (n: number) => any означает любую сигнатуру функции?
  • 11
    @nikkwong означает, что функция принимает один параметр ( number ), но тип возвращаемого значения вообще не ограничен (может быть любым значением или даже void )
Показать ещё 4 комментария
75

Вот TypeScript эквиваленты некоторых общих делегатов .NET:

interface Action<T>
{
    (item: T): void;
}

interface Func<T,TResult>
{
    (item: T): TResult;
}
Поделиться
  • 1
    Вероятно, полезно взглянуть на это, но было бы противодействовать использованию таких типов. В любом случае, они больше похожи на типы Java SAM, чем на делегаты C #. Конечно, это не так, и они эквивалентны форме псевдонима типа, которая просто более элегантна для функций.
  • 5
    @AluanHaddad, не могли бы вы уточнить, почему вы думаете, что это антипаттерн?
Показать ещё 2 комментария
9

Я понимаю, что этот пост старый, но есть более компактный подход, который немного отличается от того, что было задано, но может быть очень полезной альтернативой. Вы можете по существу объявить функцию в строке при вызове метода (Foo save() в этом случае). Он будет выглядеть примерно так:

class Foo {
    save(callback: (n: number) => any) : void {
        callback(42)
    }

    multipleCallbacks(firstCallback: (s: string) => void, secondCallback: (b: boolean) => boolean): void {
        firstCallback("hello world")

        let result: boolean = secondCallback(true)
        console.log("Resulting boolean: " + result)
    }
}

var foo = new Foo()

// Single callback example.
// Just like with @RyanCavanaugh approach, ensure the parameter(s) and return
// types match the declared types above in the `save()` method definition.
foo.save((newNumber: number) => {
    console.log("Some number: " + newNumber)

    // This is optional, since "any" is the declared return type.
    return newNumber
})

// Multiple callbacks example.
// Each call is on a separate line for clarity.
// Note that `firstCallback()` has a void return type, while the second is boolean.
foo.multipleCallbacks(
    (s: string) => {
         console.log("Some string: " + s)
    },
    (b: boolean) => {
        console.log("Some boolean: " + b)
        let result = b && false

        return result
    }
)

Подход multipleCallback() очень полезен для таких вещей, как сетевые вызовы, которые могут преуспеть или потерпеть неудачу. Опять же, предполагая пример сетевого вызова, когда вызывается multipleCallbacks(), поведение для успеха и неудачи может быть определено в одном месте, что придает большую ясность будущим читателям кода.

В целом, по моему опыту, этот подход позволяет быть более кратким, менее беспорядочным и большей ясностью в целом.

Удачи всем!

Поделиться
7 
type FunctionName = (n: inputType) => any;

class ClassName {
    save(callback: FunctionName) : void {
        callback(data);
    }
}

Это, безусловно, согласуется с парадигмой функционального программирования.

Поделиться
  • 5
    Вы должны называть это inputType а не returnType , не так ли? Где inputType - это тип data которые вы передаете параметру в функцию callback .

Ещё вопросы

Сообщество Overcoder
Наверх
Меню