何时在TypeScript / Angular2中使用接口和模型

我最近观看了带有TypeScript的Angular 2教程，但是不确定何时使用接口以及何时使用模型来保存数据结构。

接口示例：

export interface IProduct {
    ProductNumber: number;
    ProductName: string;
    ProductDescription: string;
}

型号示例：

export class Product {
    constructor(
        public ProductNumber: number,
        public ProductName: string,
        public ProductDescription: string
    ){}
}

我想从URL加载JSON数据并绑定到接口/模型。有时我想要一个数据对象，而其他时候我想要保留对象和数组。

我应该使用哪一个？为什么？

接口仅在编译时。这仅允许您检查接收到的预期数据是否遵循特定的结构。为此，您可以将内容投射到此界面：

this.http.get('...')
    .map(res => <Product[]>res.json());

看到以下问题：

• 如何将JSON对象转换为Typescript类
• 如何从打字稿中的JSON响应中获取日期对象

您可以对类进行类似的操作，但是与类的主要区别在于它们在运行时存在（构造函数），并且可以通过处理在其中定义方法。但是，在这种情况下，您需要实例化对象才能使用它们：

this.http.get('...')
    .map(res => {
      var data = res.json();
      return data.map(d => {
        return new Product(d.productNumber,
          d.productName, d.productDescription);
      });
    });

该接口描述了无论是对一个合同类或新类型。它是一个纯Typescript元素，因此不会影响Javascript。

模型（即类）是实际的JS函数，用于生成新对象。

我想从URL加载JSON数据并绑定到接口/模型。

选择一个模型，否则它在Javascript中仍然是JSON。

正如@ThierryTemplier所说，从服务器接收数据并在组件之间传输模型（以保持智能感知列表并导致设计时间错误），使用接口很好，但我认为对于将数据发送到服务器（DTO），最好使用类来获取从模型自动映射DTO的优点。

经过我所有的研究，我发现使用类而不是接口。

为什么？单独的类比类加接口少代码。（无论如何，您可能需要为数据模型提供一个类）

为什么？类可以充当接口（使用实现而不是扩展）。

为什么？接口类可以是Angular依赖项注入中的提供程序查找令牌。

来自Angular Style Guide

基本上，一个类可以完成所有工作，而接口可以完成所有工作。因此可能永远不需要使用Interface。