TypeScript接口中如何指定箭头函数的返回类型？

你之前的写法存在语法错误，导致编译器报错。正确定义返回string类型的函数有两种方式：

方式一：方法签名简写（推荐） #

这是接口中定义方法最常用的写法：

export interface IMyInterface {
  foo(): string;
}

方式二：函数类型属性 #

若要把foo当作函数类型的属性，需在箭头后标注返回类型：

export interface IMyInterface {
  foo: () => string;
}

错误原因说明 #

你之前写的foo: ():string => void;属于语法误用：箭头函数类型的返回类型应当放在箭头=>之后，而你后续写的void又和前面的string返回类型冲突，因此编译器提示错误。如果移除:string，TypeScript会默认推断返回类型为any，这不符合你的需求。

内容的提问来源于stack exchange，提问作者jeancallisti