typescript - 在 TypeScript 接口(interface)上声明函数的多种方法 : how are they different?

Question

我见过以多种方式声明函数的属性，如此 TypeScript 接口(interface)上的 func1 和 func2 所示:

interface Thing {
    func: (arg:string) => number;
    func2(arg:string): number;
}

两者有区别吗？有没有一种情况你会使用一个而不是另一个？

This playground link似乎暗示两者可以互换使用。这有什么限制吗？

Answer 1

Is there a difference between the two

是的。

func: (arg:string) => 数字;

这个版本意味着它是一个属性。当您尝试声明 overloads 时，这将限制您。

func2(arg:string): 数字;

这是函数的首选，因为这意味着您可以在事后轻松声明重载(使用接口(interface)的开放性)

seems to imply that the two can be used interchangeably

那是因为它们类型兼容。并不意味着它们是同一件事。请参阅下面的属性与方法:

例子

这应该澄清:

interface Thing {
    func: (arg: string) => number;
    func2(arg:string): number;
}

interface Thing {
    // Overload not permitted
    func: (arg: number) => string; // ERROR!
    // Overload okay 
    func2(arg: number): string;
}