javascript - Typescript:类型检查正确方法

Question

在 typescript 中使用类型检查和强类型等功能，很多时候人们使用类，很多时候使用接口(interface)，例如:

类(class)人物

class Person{
name: string;
age: number;
}

let users:Person[] = [
    { name: 'david', age: 25 },
    { name: 'paul', age: 54 }
];

界面人员:

Class Person

interface Person{
name: string;
age: number;
}

let users:Person[] = [
    { name: 'david', age: 25 },
    { name: 'paul', age: 54 }
];

此外，我们将它们用作可观察量的泛型，如 Observale<Person>

所以我的问题是知道哪种是类型检查和强类型的正确方法

1. 使用类
2. 使用界面

因为人们在 typescript 中对此不太清楚，并且他们交替使用术语“类”和“接口(interface)”。在许多博客、教程、项目尤其是 Angular 项目中，我看到人们感到困惑。

Answer 1

实际上，你的类的情况，它没有得到很好的实现。

您将它们用作接口(interface)对象。我的意思是在您的示例中:

let users:Person[] = [
    { name: 'david', age: 25 },
    { name: 'paul', age: 54 }
];

这些是对象，而不是 Person 类的实例。

对于接口(interface)来说，这是正确的用法，但是对于类来说，你应该这样做:

const p1 = new Person();
p1.name = 'david';
p1.age = 25;
const p2 = new Person();
p2.name = 'paul';
p2.age = 54;
let users:Person[] = [p1, p2];

通过这种方式，您实际上创建了一个 Person 实例数组。

关于使用什么，这实际上取决于具体情况。

接口(interface)是直接的对象，反射(reflect)您定义的属性。

类(class)还有更多意义。 假设您想要一个为每个人返回姓名和年龄的方法。

使用界面你无法做到这一点。

使用该类，您可以在类中定义一次方法，然后在所有实例上调用它，例如:

class Person{
  name: string;
  age: number;
  getInfo(): string {
    return `I am ${this.name} of age ${this.age}`;
  }
}

然后您可以在所有实例上调用它，例如:

console.log(p1.getInfo();)

如果您确实想将它们用作对象属性的类型检查(例如由 HTTP 请求返回)，请选择Interface。

如果您需要对这些模型进行额外操作，请选择Class。