Wie kann ich sicher auf verschachtelte Objekteigenschaften in JavaScript zugreifen und Fehler „Eigenschaft von undefinierten Objekten kann nicht gelesen werden' vermeiden?

Vermeiden des Fehlers „Eigenschaft von undefiniertem Objekt kann nicht gelesen werden“ in verschachtelten Objekten

In JavaScript kann die Arbeit mit verschachtelten Objekten eine Herausforderung sein, wenn dies bei einigen Objekten der Fall ist fehlende Eigenschaften. Dies führt zu Laufzeitfehlern wie „Eigenschaft von undefiniert kann nicht gelesen werden“, wenn versucht wird, auf Eigenschaften zuzugreifen, die möglicherweise nicht vorhanden sind.

Eine Lösung besteht darin, bedingte Anweisungen zu verwenden, um zu prüfen, ob eine Eigenschaft vorhanden ist, bevor auf sie zugegriffen wird. Bei tief verschachtelten Objekten kann dies jedoch mühsam werden. Ein alternativer Ansatz besteht darin, eine Hilfsfunktion mit try/catch zu verwenden.

function getSafe(fn, defaultVal) {
  try {
    return fn();
  } catch (e) {
    return defaultVal;
  }
}

Diese Funktion benötigt zwei Parameter:

• fn: Eine Funktion, die abruft der Eigenschaftswert.
• defaultVal: Ein optionaler Standardwert, der zurückgegeben wird, wenn die Eigenschaft vorhanden ist undefiniert.

Mit dieser Hilfsfunktion können Sie auf verschachtelte Eigenschaften zugreifen, ohne Fehler auszulösen:

console.log(getSafe(() => obj.a.b.c)); // Logs "foo" or undefined if "c" doesn't exist

console.log(getSafe(() => obj.a.b.c, "Not found")); // Logs "Not found" if "c" doesn't exist

Optionale Verkettung (ES2020)

Bei Verwendung von JavaScript nach ECMAScript 2020 oder höher steht als Vereinfachung die optionale Verkettung zur Verfügung Lösung:

console.log(obj?.a?.b?.c); // Logs "foo" or undefined if any property in the chain is undefined

Optionale Verkettung überprüft jede Eigenschaft in der Kette und gibt undefiniert zurück, wenn welche undefiniert sind, um Fehler zu vermeiden.

In TypeScript Version 3.7 oder höher wird auch optionale Verkettung unterstützt eine bequeme Möglichkeit, verschachtelte Objekte zu verarbeiten, ohne dass benutzerdefinierte Hilfsfunktionen oder bedingte Prüfungen erforderlich sind.

Das obige ist der detaillierte Inhalt vonWie kann ich sicher auf verschachtelte Objekteigenschaften in JavaScript zugreifen und Fehler „Eigenschaft von undefinierten Objekten kann nicht gelesen werden' vermeiden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!