Dieses Tutorial setzt unsere Typscript -Anfängerserie fort und baut auf früheren Einführungen in die Typscript -Funktionen, die Installation und die IDE -Vorschläge auf. Das zweite Tutorial umfasste Typenskriptionstypen und deren Fehlervorteile.

Dieser Teil konzentriert sich auf Schnittstellen. We'll explore how interfaces, like x and Point (with width), and Cuboid (extending Point with length and height), help define object structures. Das Beispiel cuboid zeigt an, Werte für alle Eigenschaften anzugeben und eine Funktion zur Berechnung des Volumes zu verwenden.

Es ist entscheidend zu beachten, dass Schnittstellen eine typecript-spezifische Funktion sind, die in JavaScript fehlt. Das Kompilieren des TypsScript -Codes führt im folgenden JavaScript -Äquivalent:

function volumeCuboid(cuboid) {
    let volume = cuboid.length * cuboid.width * cuboid.height;
    console.log(`Volume: ${volume}`);
}

let cuboid = { x: -22, y: 28, width: 12, length: 32, height: 20 };

volumeCuboid(cuboid);
// Volume: 7680

Das Tutorial berührt auch die Schnitttypen und kontrastiert sie mit der Schnittstellenerweiterung. Wir untersuchen, wie man eine RoundeTangangle mit vorhandenen Typen erstellt und die Unterschiede zwischen der Verschmelzung mehrerer Schnittstellenerklärungen (erlaubt) und der Neuanklingungstypen (was zu Fehlern führt) hervorgehoben.

.

Key Takeaways:

Dieses Tutorial bietet eine Grundlage in Typenkript -Schnittstellen, in der ihre Rolle beim Schreiben robuster Code betont wird. Sie haben gelernt, Schnittstellen mit optionalen und schreibgeschützten Eigenschaften zu erstellen und Indexsignaturen zum Hinzufügen dynamischer Eigenschaften über die anfängliche Schnittstellendefinition hinaus zu verwenden. Für ein tieferes Verständnis finden Sie in der offiziellen Typscript -Dokumentation.

Das nächste Tutorial wird in TypeScript -Klassen eingeteilt.