venerdì 16 maggio 2025

TypeScript extend type

In questa serie di esempi di codice con il linguaggio TypeScript, vediamo come estendere i type, ossia i tipi.

Una serie di esempi di vari utilizzi.

Si riporta un esempio di come estendere un type, in modo che il type Nominativo avrà una nuova proprietà ereditata dal type Nome.


TypeScript

type Nome = {

 

  nome: string;

 

}

 

type NOminativo = Nome & {

  cognome: string;

 

}

 

Quando andremo a creare un tipo di tipo Nominativo, avremo due proprietà (nome e cognome) .
Di seguito si riporta il frammento di codice di tale utilizzo.


TypeScript

let nom: NOminativo = {

    cognome: "Maffei",

    nome: "Emanuele"

 

  }

 

console.log(nom);

Possiamo far in modo che un tipo eredita da altri due tipi, un questo modo avrà  le proprietà di entrambi i tipi.

Di seguito si riporta un frammento di codice .

TypeScript

type TipoA = {

  nome: string;

 

};

 

type TipoB = {

  cognome: string;

 

}

 

type Nominativo = TipoA & TipoB;

 

Di seguito il relativo utilizzo.
TypeScript

let dato: Nominativo = {

    cognome: "Maffei",

    nome: "Emanuele"

  };


Possiamo cambiare il tipo di proprietà che stiamo ereditando da altro tipo, un ovveride, tramite la parola chiave “Omit”.
Di seguito si riporta un esempio per cambiare la proprietà anni, da number a string.

TypeScript

type eta = {

  anni: number;

 

}

 

type persona = Omit<eta'anni'& {

 

  anni: string;

 

}

 Di seguito si riporta l’esempio di utilizzo.



TypeScript

let persona: persona = {

   anni: '2'

 

 }


Nessun commento:

Posta un commento