Hier ist ein einfaches Beispiel, um zu verstehen, warum wir eine Schnittstelle definieren und die Schnittstelle intelligent nutzen sollten.

Trotz der Definition der Schnittstelle vergessen wir oft das Endziel oder den Grund, warum wir die Schnittstelle definiert haben.

Sehen wir uns das folgende Beispiel an, um es besser zu verstehen.

Hier können wir sehen, dass wir von drei Konsolen versuchen, auf die falsche Eigenschaft in zwei Konsolen zuzugreifen, Typescript jedoch nur in der dritten Konsole einen Fehler erkennt, da gemäß der definierten Schnittstelle und dem Code nur zwei Eigenschaften erwartet wurden Wenn der Benutzer versucht, auf eine ungültige Eigenschaft zuzugreifen, zeigt TypeScript dies als Fehler an und führt zu einem Build-Fehler.

Hier stellte sich die Frage: Welche Ergebnisse würde die Konsole für alle drei bringen? Die Ergebnisse der obigen Konsole würden also etwa so aussehen. Dieser Fehler wäre jedoch immer noch in der .ts- Datei vorhanden

Abschluss

Sollte immer auf die Eigenschaften von Objekten in Typoskript wie Object.property und nicht wie Object['property'] zugreifen.

Zusätzlicher Tipp

Vermeiden Sie die Verwendung von Javascript-Klassen beim Definieren der Schnittstelle in Typoskript wie String, Number, Boolean. Diese Typen beziehen sich auf nicht-primitive Boxobjekte.

Verwenden Sie stattdessen Typescript-Klassen wie String, Number und Boolean.