TypeScript-Funktionen: So verwenden Sie Parameter und Rückgabetypen

Funktionen sind die Bausteine ​​jeder Programmiersprache und TypeScript erweitert sie durch die Hinzufügung von Typensicherheit. Durch die Definition von Typen für Parameter und Rückgabewerte ermöglicht TypeScript Entwicklern, zuverlässigeren und wartungsfreundlicheren Code zu schreiben. Dieser Leitfaden führt Sie in die TypeScript-Funktionen ein und zeigt Ihnen, wie Sie Parameter und Rückgabetypen effektiv verwenden.

Definieren einer Funktion in TypeScript

In TypeScript können Funktionen mit dem Schlüsselwort function definiert werden, ähnlich wie in JavaScript. TypeScript ermöglicht es Ihnen jedoch, die Parametertypen und Rückgabewerte für zusätzliche Sicherheit und Lesbarkeit anzugeben.

Beispiel einer Basisfunktion

Hier ist ein Beispiel für eine grundlegende TypeScript-Funktion mit typisierten Parametern und einem Rückgabetyp:

function add(a: number, b: number): number {
  return a + b;
}

const result = add(5, 3); // Output: 8

In diesem Beispiel akzeptiert die Funktion add zwei Parameter vom Typ number und gibt einen Wert vom Typ number zurück. Dadurch wird sichergestellt, dass sowohl die Eingabe als auch die Ausgabe den erwarteten Typen entsprechen.

Funktionsparameter in TypeScript

TypeScript-Funktionen können verschiedene Parametertypen akzeptieren, z. B. optionale, Standard- und Restparameter. Lassen Sie uns jeden Typ im Detail untersuchen.

Optionale Parameter

Sie können optionale Parameter definieren, indem Sie nach dem Parameternamen ein ? hinzufügen. Optionale Parameter müssen beim Aufruf der Funktion nicht angegeben werden.

function greet(name: string, age?: number): string {
  if (age) {
    return `Hello, ${name}. You are ${age} years old.`;
  } else {
    return `Hello, ${name}.`;
  }
}

console.log(greet("Alice")); // Output: Hello, Alice.
console.log(greet("Bob", 25)); // Output: Hello, Bob. You are 25 years old.

In diesem Beispiel ist der Parameter Alter optional. Die Funktion funktioniert ordnungsgemäß, unabhängig davon, ob Alter angegeben wird oder nicht.

Standardparameter

Mit Standardparametern können Sie Standardwerte für Parameter angeben, falls diese beim Aufruf der Funktion nicht bereitgestellt werden.

function multiply(a: number, b: number = 2): number {
  return a * b;
}

console.log(multiply(5)); // Output: 10
console.log(multiply(5, 3)); // Output: 15

In diesem Beispiel hat der Parameter b den Standardwert 2. Wenn kein zweites Argument angegeben wird, wird standardmäßig 2 verwendet.

Restparameter

Restparameter ermöglichen die Übergabe einer variablen Anzahl von Argumenten an eine Funktion. Sie werden mit der Syntax ... definiert.

function sum(...numbers: number[]): number {
  return numbers.reduce((total, num) => total + num, 0);
}

console.log(sum(1, 2, 3, 4)); // Output: 10
console.log(sum(5, 10, 15)); // Output: 30

In diesem Beispiel akzeptiert die Funktion Summe eine beliebige Anzahl von Argumenten, alle vom Typ Zahl, und gibt deren Summe zurück.

Rückgabetypen in TypeScript

Das Angeben des Rückgabetyps einer Funktion ist genauso wichtig wie das Definieren von Parametertypen. Es hilft TypeScript, die erwartete Ausgabe der Funktion zu verstehen und stellt sicher, dass der richtige Datentyp zurückgegeben wird.

Angeben von Rückgabetypen

Um den Rückgabetyp einer Funktion anzugeben, fügen Sie nach der Parameterliste einen Doppelpunkt : gefolgt vom Typ hinzu.

function isEven(num: number): boolean {
  return num % 2 === 0;
}

console.log(isEven(4)); // Output: true
console.log(isEven(5)); // Output: false

In diesem Beispiel gibt die Funktion isEven einen boolean zurück, der angibt, ob die eingegebene Zahl gerade ist oder nicht.

Funktionen ohne Rückgabetyp

Wenn eine Funktion keinen Wert zurückgibt, ist ihr Rückgabetyp void. Dies ist nützlich für Funktionen, die eine Aktion ausführen, ohne ein Ergebnis bereitzustellen.

function logMessage(message: string): void {
  console.log(message);
}

logMessage("Hello, TypeScript!"); // Output: Hello, TypeScript!

In diesem Beispiel protokolliert die Funktion logMessage eine Nachricht in der Konsole und gibt nichts zurück, daher ist der Rückgabetyp void.

Abschluss

TypeScript-Funktionen bieten eine leistungsstarke Möglichkeit, typsicheren Code zu schreiben, indem sie Parametertypen und Rückgabetypen definieren. Durch die Verwendung optionaler, Standard- und Restparameter sowie die Angabe von Rückgabetypen können Sie robustere und wartungsfreundlichere Funktionen erstellen. Beginnen Sie mit der Verwendung von TypeScript-Funktionen in Ihren Projekten, um eine bessere Codequalität und -sicherheit zu gewährleisten.