javascript / beginner
Snippet
Auslesen gespeicherter Benutzereinstellungen mit sicherem JSON-Parsing
Beim Zugriff auf den Browser-Speicher wie localStorage kann JSON.parse einen Syntaxfehler werfen, wenn fehlerhafte Daten vorliegen. Das Kapseln der Parsing-Logik in einem try/catch-Block innerhalb von onMounted stellt sicher, dass die Anwendung sauber auf einen Standardzustand zurückfällt, anstatt abzustürzen.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
import { ref, onMounted } from 'vue';const selectedTheme = ref('light');onMounted(() => {try {const storedTheme = localStorage.getItem('app_theme');if (storedTheme !== null) {selectedTheme.value = JSON.parse(storedTheme);}} catch (error) {selectedTheme.value = 'light';}});
vue
Erklärung
1
onMounted(() => {
Führt Code aus, nachdem die Vue-Komponente gemountet wurde und Browser-APIs verfügbar sind.
2
try {
Startet einen Fehlerbehandlungsblock zum Abfangen möglicher Parsing-Fehler.
3
selectedTheme.value = JSON.parse(storedTheme);
Wandelt den gespeicherten JSON-String sicher in JavaScript-Daten um.
4
} catch (error) {
Fängt JSON-Parsing-Fehler ab und setzt einen robusten Standard-Fallback-Wert.