javascript / beginner
Snippet
Sicheres Parsen von LocalStorage-JSON mit Fehlerbehandlung in Svelte
Das Einlesen und Deserialisieren von JSON aus externen Quellen wie dem Browser-Speicher kann Laufzeitfehler verursachen, wenn die Daten fehlerhaft formatiert sind. Das Kapseln von JSON.parse in einem try-catch-Block sorgt für Fehlertoleranz und sichert den Svelte-Zustand mit einem Standardobjekt ab.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
11
<script>let profile = { name: 'Guest' };try {const raw = localStorage.getItem('profile');if (raw) profile = JSON.parse(raw);} catch (err) {console.error('Failed to parse profile payload:', err);}</script><h1>Welcome, {profile.name}</h1>
svelte
Erklärung
1
let profile = { name: 'Guest' };
Initialisiert einen Standard-Fallback-Zustand, um eine fehlerfreie Anzeige bei Parsing-Problemen zu garantieren.
2
try {
Startet den geschützten Ausführungsblock, um Syntaxfehler beim Parsen des JSON abzufangen.
3
const raw = localStorage.getItem('profile');
Liest die unter dem Schlüssel 'profile' gespeicherte rohe JSON-Zeichenkette aus.
4
if (raw) profile = JSON.parse(raw);
Wandelt den Text in ein JavaScript-Objekt um, sofern Daten vorhanden sind.
5
} catch (err) {
Fängt Parsing-Fehler ab und verhindert das Abstürzen der Anwendung.