gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 01:22:07 26 4
gpt4 key购买 nike

在 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 项目中,我看到人们感到困惑。

最佳答案

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

您将它们用作接口(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

关于javascript - Typescript:类型检查正确方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54135712/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com