如何在 Angular 的接口中定义一个函数？

Question

我有以下问题，但我没有找到可行的解决方案。 我的 Angular 应用程序中有一个接口：

export interface Person {
    forename: string;
    surname: string;
}

我将如何使用以下实现定义名为getFullName()的函数：

getFullName(){
  return this.forename + " " + this.surname;
}

我直接在界面中以函数为键试了一下，但是没有用...

Answer 1

您可以使用函数签名() => string来表示一个接受 0 个参数并返回一个字符串的函数。

export interface Person {
    forename: string;
    surname: string;
    getFullName: () => string;
}

但是您不能在接口中定义实现。

要创建一个实现接口的类，您可以执行以下操作：

class MyPerson implements Person {
  constructor(public forename: string, public surname: string) { }
 
  getFullName() {
    return this.forename + " " + this.surname;
  } 
}

在这种情况下，您可能不需要接口 Person - 相反，您可以使用该类。