In questo piccolo articolo imparerai cos'è un'interfaccia e come creare e utilizzare interfacce nei tuoi progetti.

Come forse già saprai, JavaScript non è un linguaggio indipendente dai tipi per definizione. Per ottenere quella fantastica sicurezza del tipo, devi utilizzare strumenti come TypeScript per aiutarti.

TypeScript è un superset di JavaScript che introduce nuove funzionalità e utili miglioramenti al linguaggio JavaScript. Usando TypeScript nella tua base di codice, puoi facilmente individuare o evitare errori in anticipo ed eliminare gli errori durante la compilazione, il che è davvero fantastico. A prima vista, TypeScript può sembrare difficile e spaventoso, ma una volta trascorso un po' di tempo con esso, scommetto che lo adorerai davvero.

Interfacce

Un'interfaccia in TypeScript agisce più o meno come un progetto per un oggetto. Definisce le informazioni sui nomi delle proprietà negli oggetti e sui relativi valori. Questo può aiutare il compilatore TypeScript a convalidare i tuoi oggetti, in modo da non definire gli oggetti nel formato sbagliato.

È possibile definire un'interfaccia utilizzando la parola chiave interface in un file dattiloscritto (.ts). Dai un'occhiata al seguente esempio:

interface Course {
  title: string;
  description: string;
  createdAt: Date;
  updatedAt: Date;
  price: number;
  currency: string;
  isActive: boolean;
}

const webCourse: Course = {
  title: 'Typescript Basics',
  description: 'A course about Typescript',
  createdAt: new Date(),
  updatedAt: new Date(),
  price: 10,
  currency: 'USD',
  isActive: true
}

interface Course {
  title: string;
  description: string;
  createdAt: Date;
  updatedAt: Date;
  price?: number; //Optional
  currency: string | undefined; //Optional
  isActive: boolean;
}

const webCourse: Course = {
  title: 'Typescript Basics',
  description: 'A course about Typescript',
  createdAt: new Date(),
  updatedAt: new Date(),
  isActive: true
};

interface BaseCourse {
  title: string;
  description: string;
  createdAt: Date;
  updatedAt: Date;
  price?: number; //Optional
  currency: string | undefined; //Optional
  isActive: boolean;
}

interface FootballCourse extends BaseCourse {
  coach: string;
}

Un'altra cosa interessante è che puoi definire le proprietà come di sola lettura, il che significa che se crei un oggetto e in seguito provi a sovrascrivere la proprietà, il compilatore dattiloscritto genererà un errore poiché lo hai definito come di sola lettura:

interface BaseCourse {
  readonly title: string; //Read only
  description: string;
  createdAt: Date;
  updatedAt: Date;
  price?: number; //Optional
  currency: string | undefined; //Optional
  isActive: boolean;
}

interface FootballCourse extends BaseCourse {
  coach: string;
}

const webCourse: FootballCourse = {
  title: 'Typescript Basics',
  description: 'A course about Typescript',
  createdAt: new Date(),
  updatedAt: new Date(),
  isActive: true,
  coach: 'Nicky Christensen'
};

webCourse.title = 'A new title'; //ERROR

Inoltre, assicurati di controllare il mio articolo: Typescript Generics spiegato in 2 minuti . Qui otterrai informazioni su come utilizzare le interfacce con i generici in TypeScript.

Se vuoi incontrarmi qualche volta, seguimi su Twitter | LinkedIn o semplicemente visita il mio sito web (che è in danese)

Altri contenuti su plainenglish.io . Iscriviti alla nostra newsletter settimanale gratuita . Ottieni l'accesso esclusivo alle opportunità di scrittura e ai consigli nella nostra community Discord .