Коли використовувати інтерфейс та модель в 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 класу typecript
• Як отримати об’єкт 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 для отримання даних з сервера, а також для передачі моделі між компонентами (щоб зберегти список інтелігенції та зробити помилку в часі проекту), добре використовувати інтерфейс, але я думаю, що для надсилання даних на сервер (DTO) краще використовувати клас, щоб взяти переваги автоматичного відображення DTO від моделі.

Використовуйте Class замість інтерфейсу , саме це я виявив після всіх своїх досліджень.

Чому? Сам клас менше коду, ніж інтерфейс класу плюс. (у будь-якому випадку вам може знадобитися клас для моделі даних)

Чому? Клас може виступати в якості інтерфейсу (використовувати реалізації замість розширень).

Чому? Клас інтерфейсу може бути маркером пошуку постачальника при введенні кутової залежності.

з посібника з кутового стилю

В основному клас може робити все, що буде робити інтерфейс. Тому ніколи не потрібно використовувати інтерфейс .