Snippet

Sichere Handhabung fehlender Werte mit dem Nullish-Coalescing-Operator

Der Nullish-Coalescing-Operator (??) von JavaScript prüft, ob ein Wert null oder undefined ist, und liefert einen Fallback-Wert zurück. Dies ist in Computed Properties besonders nützlich, um optionale Daten anzuzeigen, ohne versehentlich gültige falsy Werte wie leere Strings oder die Zahl Null zu überschreiben.

snippet.js

javascript

import { ref, computed } from 'vue';
 
const userProfile = ref({
  username: 'Alex',
  bio: null
});
 
const displayBio = computed(() => {
  return userProfile.value.bio ?? 'No biography provided.';
});

vue

Erklärung

const userProfile = ref({

Definiert ein reaktives Objekt mit Eigenschaften, die null oder undefined enthalten können.

const displayBio = computed(() => {

Initialisiert eine Computed Property, um einen sicheren Anzeigetext zu erzeugen.

return userProfile.value.bio ?? 'No biography provided.';

Nutzt den Nullish-Coalescing-Operator, um einen Standardtext zu liefern, falls bio null oder undefined ist.

Vorheriges Snippet Nächstes Snippet

Mehr JavaScript-Übungen für Anfänger →

Sichere Handhabung fehlender Werte mit dem Nullish-Coalescing-Operator

Verwandt