Kiedy używać interfejsu i modelu w TypeScript/Angular2

Question

Niedawno oglądałem samouczek na Angular 2 z TypeScript, ale nie wiem, kiedy używać interfejsu i kiedy używać modelu do przechowywania struktur danych.

Przykład interfejsu:

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

Przykład Model:

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

Chcę załadować dane JSON z URL i powiązania z interfejsem/Model. Czasami chcę jednego obiektu danych, innym razem chcę trzymać i tablicy obiektu.

Których należy użyć i dlaczego?

Answer 1

Interfejsy są tylko w czasie kompilacji. Pozwala to tylko sprawdzić, czy oczekiwane dane otrzymane są zgodne z określoną strukturą. Do tego można przesyłać treści do tego interfejsu:

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

Zobacz te pytania:

• How do I cast a JSON object to a typescript class
• How to get Date object from json Response in typescript

można zrobić coś podobnego z klasy, ale główne różnice z klasą są takie, że są obecne w środowisku wykonawczym (funkcja konstruktora) i możesz definiować w nich metody przetwarzania. Ale w tym przypadku, trzeba wystąpień obiektów, aby móc z nich korzystać:

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

Answer 2

Interfejs opisuje albo umowę na klasy lub nowej typ. Jest to czysty element typu Maszynopis, więc nie ma wpływu na JavaScript.

Model, a mianowicie klasa, jest faktyczną funkcją JS, która jest używana do generowania nowych obiektów.

Chcę załadować dane JSON z adresu URL i powiązać interfejs/model.

Przejdź do modelu, w przeciwnym razie nadal będzie JSON w JavaScript.