Когда использовать интерфейс и модель в TypeScript / Angular2

Недавно я смотрел Учебник по Angular 2 с TypeScript, но не знал, когда использовать Интерфейс, а когда использовать Модель для хранения структур данных.

Пример интерфейса:

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

Пример модели:

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

Я хочу загрузить данные JSON из URL и привязать к интерфейсу / модели. Иногда я хочу один объект данных, в другой раз я хочу держать и массив объекта.

Какой из них я должен использовать и почему?

Интерфейсы только во время компиляции. Это позволяет только вам убедиться, что ожидаемые полученные данные соответствуют определенной структуре. Для этого вы можете привести свой контент к этому интерфейсу:

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

Смотрите эти вопросы:

• Как преобразовать объект JSON в класс машинописи
• Как получить объект Date из json Response в машинописи

Вы можете сделать что-то похожее с классом, но основные различия с классом заключаются в том, что они присутствуют во время выполнения (функция конструктора), и вы можете определять методы в них с обработкой. Но в этом случае вам нужно создать экземпляры объектов, чтобы иметь возможность их использовать:

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-функцией, которая используется для генерации новых объектов.

Я хочу загрузить данные JSON из URL и привязать к интерфейсу / модели.

Выберите модель, в противном случае это будет JSON в вашем Javascript.

Как сказал @ThierryTemplier, для получения данных с сервера, а также для передачи модели между компонентами (для сохранения списка intellisense и для ошибки времени проектирования) хорошо использовать интерфейс, но я думаю, что для отправки данных на сервер (DTO) лучше использовать класс для принятия Преимущества автокартирования DTO от модели.

Используйте Class вместо Interface , это то, что я обнаружил после всех моих исследований.

Зачем? Один класс - это меньше кода, чем класс плюс интерфейс. (в любом случае вам может потребоваться класс для модели данных)

Зачем? Класс может действовать как интерфейс (использовать реализации вместо расширений).

Зачем? Интерфейсный класс может быть маркером поиска поставщика в внедрении зависимостей Angular.

из углового руководства по стилю

По сути, класс может делать все, что будет делать интерфейс. Поэтому, возможно, никогда не потребуется использовать интерфейс .