So verwenden Sie Funktionen in TypeScript – Anfängerhandbuch

Funktionen sind ein grundlegender Baustein in TypeScript, genau wie in JavaScript. TypeScript erweitert JavaScript-Funktionen um zusätzliche Features wie Typanmerkungen, die die Codeübersichtlichkeit verbessern und Fehler vermeiden. Dieser Leitfaden für Anfänger führt Sie durch die Verwendung von Funktionen in TypeScript.

Definieren von Funktionen

In TypeScript können Sie Funktionen genau wie in JavaScript definieren, jedoch mit optionalen Typanmerkungen, um die Parametertypen und Rückgabewerte anzugeben.

Grundlegende Funktionsdefinition

So definieren Sie eine einfache Funktion in TypeScript:

function greet(name: string): string {
  return "Hello, " + name;
}

In diesem Beispiel ist name ein Parameter vom Typ string und die Funktion gibt einen Wert vom Typ string zurück.

Funktionsparameter und Rückgabetypen

Mit TypeScript können Sie die Typen für Funktionsparameter und Rückgabewerte angeben und so sicherstellen, dass die Funktion korrekt verwendet wird.

Funktion mit Parametern

Hier ist eine Funktion, die zwei Parameter annimmt und deren Summe zurückgibt:

function add(x: number, y: number): number {
  return x + y;
}

In dieser Funktion sind sowohl x als auch y vom Typ Zahl, und die Funktion gibt eine Zahl zurück.

Funktionen ohne Rückgabewert

Nicht alle Funktionen müssen einen Wert zurückgeben. Funktionen ohne Rückgabewert werden mit dem Rückgabetyp void deklariert. Diese Funktionen führen Aktionen aus, erzeugen aber kein Ergebnis.

Beispiel ohne Rückgabewert

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

In diesem Beispiel druckt logMessage die message auf der Konsole, gibt aber keinen Wert zurück.

Optionale und Standardparameter

TypeScript unterstützt optionale und Standardparameter, sodass Sie flexiblere Funktionen erstellen können.

Optionale Parameter

Optionale Parameter werden durch Hinzufügen von ? nach dem Parameternamen angegeben:

function greet(name: string, greeting?: string): string {
  if (greeting) {
    return greeting + ", " + name;
  }
  return "Hello, " + name;
}

In diesem Beispiel ist greeting ein optionaler Parameter, der beim Aufruf der Funktion weggelassen werden kann.

Standardparameter

Standardparameter haben einen Standardwert, wenn kein Wert angegeben ist:

function greet(name: string, greeting: string = "Hello"): string {
  return greeting + ", " + name;
}

Wenn greeting nicht angegeben ist, wird standardmäßig "Hello" verwendet.

Funktionsüberladung

TypeScript unterstützt Funktionsüberladung, sodass Sie mehrere Funktionssignaturen für denselben Funktionsnamen definieren können:

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

In diesem Beispiel kann greet mit einem oder zwei Parametern aufgerufen werden.

Pfeilfunktionen

Pfeilfunktionen bieten eine kürzere Syntax zum Schreiben von Funktionen und haben keinen eigenen this-Kontext:

const add = (x: number, y: number): number => x + y;

Dieses Beispiel zeigt, wie eine Pfeilfunktion definiert wird, die zwei Zahlen addiert.

Abschluss

Funktionen in TypeScript sind eine leistungsstarke Möglichkeit, Code zu kapseln und wiederzuverwenden. Durch die Verwendung von Typanmerkungen, optionalen und Standardparametern, Funktionsüberladung und Pfeilfunktionen können Sie robusteren und wartungsfreundlicheren Code schreiben. Wenn Sie diese Grundlagen verstehen, können Sie die Möglichkeiten von TypeScript in Ihren Projekten voll ausschöpfen.