Optionale Parameter

Manchmal gibt es Situationen, in denen wir eine unterschiedliche Anzahl von Parametern an eine Funktion übergeben müssen. Zum Beispiel, wenn wir uns auf einer Website registrieren, werden wir möglicherweise gebeten, eine Handynummer einzugeben, aber es ist optional. Es gibt verschiedene Lösungen für dieses Problem, von Überladen von Funktionen bis hin zum Erstellen separater Funktionen für jeden Fall. Aber lassen Sie uns ein praktisches Feature von Funktionen in TypeScript erkunden – optionale Parameter.

Einfach ausgedrückt sind dies Parameter, die Sie nicht an die Funktion übergeben müssen.

Schauen wir uns ein Beispiel an:


              12345678910
            
function register (username: string, password: string, phoneNumber?: number) {
    if (phoneNumber) {
        console.log(`New user with username: '${username}', password: '${password}' and phone number: '${phoneNumber}'`);
    } else {
        console.log(`New user with username: '${username}' and password: '${password}'`)
    }
}

register('Bob', 'qwerty123', 17871233210)
register('Alice', '123456789')

Die obige Funktion registriert einen Benutzer. Wir müssen einen username, ein password und eine phoneNumber angeben. Die Telefonnummer ist ein optionaler Parameter. Beachten Sie die Syntax: Bei der Angabe dieses Parameters fügen wir ein Fragezeichen hinzu. Wir stellen buchstäblich die Existenz dieses Parameters in Frage. Vielleicht wird er vorhanden sein, vielleicht auch nicht.

Innerhalb der Funktion überprüfen wir, ob die Telefonnummer angegeben ist. Wenn ja, drucken wir die Benutzerinformationen in die Konsole, einschließlich der Telefonnummer. Wenn nicht, drucken wir die Benutzerinformationen ohne die Telefonnummer.

Zusätzlich sollte dieser Benutzer in der Datenbank gespeichert werden, aber das ist ein fortgeschritteneres Thema, das wir definitiv in zukünftigen Kursen behandeln werden.

Schauen wir uns nun ein weiteres Beispiel für die Verwendung optionaler Parameter an:


              123456789101112
            
function greeting(name: string, surname?: string) : string {
    if (!surname) {
        return(`Welcome, ${name}`);
    } else {
        return(`Welcome, ${surname} ${name}`)
    }
}

let first = greeting('Grzegorz', 'Brzęczyszczykiewicz');
let second = greeting('Peter')
console.log(first)
console.log(second)

In diesem Beispiel haben wir eine sehr einfache Begrüßungsmethode erstellt. Eine Person kann wählen, ob sie ihren Nachnamen angibt oder ihn leer lässt. Unser Programm wird die Person trotzdem begrüßen. Ich hoffe, der Algorithmus ist klar. Wir geben einen optionalen Parameter an, prüfen auf dessen Vorhandensein mit einer if-Anweisung und fahren entsprechend mit unseren Aktionen fort.

Optionale Parameter sind in der Tat eine sehr nützliche und häufig verwendete Funktion, da wir nicht immer alle Daten benötigen, die wir an unsere Funktion übergeben.

1. Was ist der Zweck eines optionalen Parameters in TypeScript?

2. Wie werden optionale Parameter in TypeScript-Funktionssignaturen angegeben?

War alles klar?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 4