Optionale und Rest-Parameter
Verarbeiten Sie optionale Segmente mit [[optional]] und Catch-all-Routen mit [...rest].
Optionale und Rest-Parameter ist eine kostenlose Sveltejs Academy-Lektion auf CoddyKit. Dies ist Lektion 3 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 Sveltejs Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Optionale Segmente
Verwenden Sie doppelte eckige Klammern [[optional]], um ein Segment optional zu machen.
src/routes/[[lang]]/about/+page.svelteBeide URLs stimmen überein
Der obige Ausdruck stimmt sowohl mit /about als auch mit /en/about überein. lang ist für die erste URL nicht definiert.
Rest-Parameter
Verwenden Sie [...rest], um alle verbleibenden Pfadsegmente als Array zu erfassen.
src/routes/docs/[...slug]/+page.svelteViele Segmente erfassen
Der obige Ausdruck stimmt mit /docs, /docs/a, /docs/a/b usw. überein. params.slug ist die zusammengefügte Zeichenkette.
Anwendungsfälle
Rest-Parameter eignen sich für Dokumentationsseiten, Wikis und Dateibrowser, bei denen die Pfadtiefe variiert.
Kombinieren
Kombinieren Sie optionale und Rest-Parameter mit normalen Parametern für flexibles Routing.
Catch-all zuletzt
Rest-Parameter müssen das letzte Segment sein; SvelteKit erzwingt dies.
Dekodierung
Pfadsegmente werden aus URLs dekodiert. Kodieren Sie Sonderzeichen beim Erstellen von URLs.
Leerer Rest-Parameter
Ein leerer Rest-Parameter wird zu einer leeren Zeichenkette aufgelöst. Behandeln Sie diesen Fall in Ihrer load-Funktion.
SEO-freundlich
Rest-Routes können verschachtelte Dokumentationen bereitstellen, ohne riesige Route-Bäume zu erfordern.
Konfliktauflösung
SvelteKit bevorzugt spezifische Routes gegenüber Rest-Routes. Statische Routes haben Vorrang vor Rest-Routes.
Schnelltest
Was bewirkt [...slug]?
Zusammenfassung
Verwenden Sie [[opt]] für optionale Segmente und [...rest] für Catch-all-Segmente. Beide erweitern die Flexibilität des Routings.
Häufig gestellte Fragen
Ist die Lektion „Optionale und Rest-Parameter“ kostenlos?
Ja — der vollständige Text von „Optionale und Rest-Parameter“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Sveltejs Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Optionale und Rest-Parameter“?
Verarbeiten Sie optionale Segmente mit [[optional]] und Catch-all-Routen mit [...rest]. Du übst Sveltejs 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 Sveltejs Academy zu starten?
Keine Vorkenntnisse erforderlich. Sveltejs 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 3 von 4.
Wie lange dauert die Lektion „Optionale und Rest-Parameter“?
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 Sveltejs Academy-Lektion Code schreiben und ausführen?
Ja. Jede Sveltejs 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
- Dateibasierte Routen mit +page.svelte
- Dynamische Routenparameter: [id]
- Optionale und Rest-Parameter
- Layout-Dateien: +layout.svelte