Voici un exemple simple pour comprendre pourquoi nous devrions définir une interface et une utilisation intelligente de l'interface.

Bien souvent, malgré la définition de l'interface, nous oublions l'objectif final ou la raison pour laquelle nous avons défini l'interface.

Passons en revue l'exemple ci-dessous pour mieux le comprendre.

Ici, nous pouvons voir que sur trois consoles, nous essayons d'accéder à la mauvaise propriété dans 2 des consoles, mais le script ne détecte une erreur que dans la troisième console, car selon l'interface définie et le code n'attendait que 2 propriétés, donc si l'utilisateur essaie d'accéder à une propriété non valide, le script dactylographié l'affichera comme une erreur et entraînera un échec de la construction.

Ici, la question est venue, quels seraient les résultats de la console pour les trois ? Ainsi, les résultats de la console ci-dessus seraient quelque chose comme ça. Mais cette erreur serait toujours là dans le fichier .ts

Conclusion

Doit toujours accéder aux propriétés des objets en tapuscrit comme Object.property et non comme Object['property'].

Astuce supplémentaire

Évitez d'utiliser des classes javascript lors de la définition de l'interface en tapuscrit comme String, Number, Boolean. Ces types font référence à des objets en boîte non primitifs.

Utilisez plutôt des classes Typescript telles que string, number et boolean.