Ecco un semplice esempio per capire perché dovremmo definire un'interfaccia e un uso intelligente dell'interfaccia.

Spesso, nonostante la definizione dell'interfaccia, dimentichiamo l'obiettivo finale o il motivo per cui abbiamo definito l'interfaccia.

Esaminiamo l'esempio seguente per capirlo meglio.

Qui possiamo vedere che su tre console, stiamo tentando di accedere alla proprietà sbagliata in 2 delle console, ma il dattiloscritto rileva solo un errore nella terza console, poiché secondo l'interfaccia definita e il codice si aspettava solo 2 proprietà, quindi se l'utente tenta di accedere a una proprietà non valida, il dattiloscritto lo visualizzerà come errore e comporterà un errore di compilazione.

Qui è arrivata la domanda: quali sarebbero i risultati della console per tutti e tre? Quindi i risultati della console di cui sopra sarebbero qualcosa del genere. Ma quell'errore sarebbe ancora presente nel file .ts

Conclusione

Dovrebbe sempre accedere alle proprietà degli oggetti in dattiloscritto come Object.property e non come Object['property'].

Suggerimento aggiuntivo

Evita di usare classi javascript mentre definisci l'interfaccia in dattiloscritto come String, Number, Boolean. Questi tipi si riferiscono a oggetti scatolati non primitivi.

Usa invece le classi Typescript come string, number e boolean.