TypeScript-Tipps: Funktionen überladen
Heute soll es um das Überladen von Funktionen gehen, das in JavaScript nativ nicht unterstützt wird. Der Beitrag geht kurz auf das Konzept des Überladens ein und zeigt anschließend, wie es in TypeScript funktioniert.
TypeScript bietet enormes Potential, Programmierfehler bereits während der Entwicklung zu entdecken. Es ist damit klar das bessere JavaScript. In der Reihe TypeScript-Tipps sollen einzelne Features der Sprache in den Fokus gesetzt werden.
Heute soll es um das Überladen von Funktionen gehen, das in JavaScript nativ nicht unterstützt wird. Der Beitrag geht kurz auf das Konzept des Überladens ein und zeigt anschließend, wie es in TypeScript funktioniert.
Überladen von Funktionen am Beispiel erklärt
Das Konzept des Überladens lässt sich am besten an einem Beispiel zeigen (Bild rechts).
Der folgende Code ist in C# geschrieben und deklariert eine Methode, die "eins addiert". Je nachdem, ob eine Zahl oder Text übergeben wird, wird "eins addieren" anders ausgelegt:
Die Methode AddOne ist oben zweimal mit demselben Namen definiert, unterscheidet sich aber jeweils durch ihre Signatur. Der Compiler kann durch Analyse der übergebenen Parameter beim Aufruf der Methode entscheiden, welche Variante gemeint ist (Bild links). Im ersten Fall wird eine Zahl übergeben, daher wird AddOne(int value) aufgerufen. Im zweiten Fall wird Text übergeben, daher wird AddOne(string value) aufgerufen.
Das Beispiel mit Fehlerpotential in JavaScript implementiert
Folgender Code ist zur Entwicklungszeit absolut valide, führt aber bei der Ausführung sicherlich zu unerwünschten Folgefehlern (Bild rechts).
In AddOne gibt es einfach keinen Codepfad, der den Datentyp object behandelt.
Die Möglichkeit zur Autovervollständigung von JavaScript ist stark davon abhängig, wie gut die IDE den Code analysieren und Rückschlüsse auf mögliche Datentypen ziehen kann.
In JavaScript gibt es kein Überladen von Funktionen. Meist werden die Datentypen der Parameter oder deren Anzahl zur Laufzeit analysiert und abhängig vom Ergebnis verzweigt.
Das Fehlerpotential entsteht durch die erst zur Laufzeit durchgeführte Analyse. Während der Entwicklung sieht alles gut aus, aber abhängig von bspw. Nutzereingaben machen sich Fehler erst bei der Ausführung bemerkbar.
Wie TypeScript das Überladen sicherer macht
Damit sind Fehler wie im JavaScript-Beispiel nicht mehr möglich (Bild rechts).
Die Typisierung sorgt hier während der Entwicklung dafür, dass solche Fehler nicht passieren können.
Es werden einfach die überladenen - und damit "erlaubten" - Signaturen der Funktion mit aufgelistet. Der TypeScript Transpiler prüft auf dieser Basis, ob die für den Aufruf verwendeten Parameter korrekt typisiert sind. Weiterhin kann Visual Studio Code Autovervollständigung anbieten (Bild links).
Zusammenfassung
Wir haben gelernt, wie sich in TypeScript überladene Funktionen deklarieren lassen. Dazu haben wir das TypeScript-Feature Function Types verwendet, welches dem Überladen von Methoden in typisierten Sprachen nahe kommt.
Die Vorteile von Function Types sind:
- es können Signaturen von Funktionen festgelegt werden, die für eine Funktion unterstützt werden
- während der Entwicklung wird eine Typprüfung für übergebene Werte und die Verarbeitung der Rückgabewerte durchgeführt
- die Autovervollständigung zeigt die Liste aller erlaubten Signaturen einer Funktion an
Damit lässt sich zahlreichen Laufzeitfehlern vorbeugen. Wir haben außerdem gesehen, dass die Syntax denkbar einfach ist und damit nichts gegen einen Einsatz im nächsten Projekt spricht.
Happy Coding!
