0Pricing
TypeScript Academy · Lektion

Optionale und Standardparameter

Behandeln Sie fehlende Argumente mit ? und Standardwerten.

Optionale und Standardparameter ist eine kostenlose TypeScript Academy-Lektion auf CoddyKit. Dies ist Lektion 2 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des TypeScript Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der TypeScript Academy-Kurs umfasst insgesamt 4 Lektionen.

Willkommen

Mit TypeScript können Sie Funktionsparameter mit `?` als optional kennzeichnen oder ihnen Standardwerte geben. Dadurch werden APIs flexibel und bleiben typsicher.

Optionale Parameter mit ?

Fügen Sie nach einem Parameternamen `?` hinzu, um ihn optional zu machen. Der Parametertyp wird innerhalb der Funktion zu T | undefined.
function greet(name: string, greeting?: string): string {
  return (greeting ?? 'Hello') + ', ' + name;
}

Standardwerte für Parameter

Weisen Sie mit `=` einen Standardwert zu. TypeScript leitet den Typ aus dem Standardwert ab, und der Parameter wird an der Aufrufstelle optional.
function greet(name: string, greeting: string = 'Hello'): string {
  return greeting + ', ' + name;
}
greet('Alice');         // 'Hello, Alice'
greet('Bob', 'Hi');    // 'Hi, Bob'

Optional oder Standardwert

Ein optionaler Parameter mit `?` ergibt beim Weglassen undefined. Standardwerte ersetzen undefined durch einen Ersatzwert. Beide machen den Parameter an der Aufrufstelle nicht erforderlich.
function opt(x?: number) { return x; }     // x: number | undefined
function def(x: number = 0) { return x; }  // x: number

Regeln für die Platzierung

Optionale Parameter und Parameter mit Standardwerten müssen in der Funktionssignatur nach den erforderlichen Parametern stehen.
// Correct order
function create(name: string, role: string = 'user', active?: boolean) {}

// Error: required after optional
// function bad(x?: string, y: string) {}

Explizites Aufrufen mit undefined

Sie können `undefined` an einen Parameter mit Standardwert übergeben, um den Standardwert auszulösen.
function log(msg: string, level: string = 'info') { console.log(level, msg); }
log('test', undefined); // level is 'info'

Optionale Parameter und Überladungen

Manchmal ist es übersichtlicher, Überladungen anstelle optionaler Parameter zu verwenden, insbesondere wenn sich das Verhalten der Funktion je nach Vorhandensein des Parameters deutlich ändert.

Standardwerte für Objektparameter

Sie können einen Objektparameter destrukturieren und für jede Eigenschaft einen Standardwert festlegen.
function connect({ host = 'localhost', port = 5432 } = {}) {
  return `${host}:${port}`;
}

Standardwerte für Array-Parameter

Standardwerte für Array-Parameter funktionieren genauso. Geben Sie ein leeres Array als Standardwert an, um Prüfungen auf undefined zu vermeiden.
function joinAll(parts: string[], sep: string = ', '): string {
  return parts.join(sep);
}

Optionales Chaining an Aufrufstellen

Wenn die Funktionsreferenz selbst optional ist, verwenden Sie optionales Chaining mit `?.()`, um sie nur aufzurufen, wenn sie vorhanden ist.
interface Config { onReady?: () => void; }
function init(config: Config) {
  config.onReady?.();
}

Typ optionaler Parameter innerhalb der Funktion

Innerhalb der Funktion hat ein optionaler Parameter `x?: T` den Typ `T | undefined`. Sie müssen ihn eingrenzen, bevor Sie ihn als T verwenden.
function process(id?: number) {
  if (id === undefined) return;
  console.log(id * 2); // id is number here
}

Kurzer Test

Welchen Typ hat ein Parameter, der innerhalb des Funktionskörpers als `count?: number` deklariert ist?

Zusammenfassung

Verwenden Sie `?` für optionale Parameter und `= value` für Standardwerte. Optionale Parameter haben innerhalb der Funktion den Typ T | undefined. Standardwerte ersetzen undefined automatisch. Beide müssen nach den erforderlichen Parametern stehen.

Häufig gestellte Fragen

Ist die Lektion „Optionale und Standardparameter“ kostenlos?

Ja — der vollständige Text von „Optionale und Standardparameter“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des TypeScript Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der TypeScript Academy-Kurs umfasst insgesamt 4 Lektionen.

Was lerne ich in „Optionale und Standardparameter“?

Behandeln Sie fehlende Argumente mit ? und Standardwerten. Du übst TypeScript Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um TypeScript Academy zu starten?

Keine Vorkenntnisse erforderlich. TypeScript Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 2 von 4.

Wie lange dauert die Lektion „Optionale und Standardparameter“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser TypeScript Academy-Lektion Code schreiben und ausführen?

Ja. Jede TypeScript Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

  1. Parameter- und Rückgabetyp-Annotationen
  2. Optionale und Standardparameter
  3. Rest-Parameter und Spread mit Typen
  4. void, never und Funktionssignaturen
← Zurück zu TypeScript Academy