简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie können Sie in JavaScript sicher mit Nullwerten umgehen und auf Objekteigenschaften zugreifen?

Barbara Streisand
Freigeben： 2024-11-01 13:50:03
Original
819 Leute haben es durchsucht

How Can You Handle Null Values and Access Object Properties Safely in JavaScript?

Elvis- und Safe-Navigation-Operatoren in JavaScript

In Java bieten Elvis- (?:) und Safe-Navigation-Operatoren (?.) praktische Möglichkeiten um Nullwerte zu verarbeiten und sicher auf Objekteigenschaften zuzugreifen. Obwohl JavaScript diese genauen Operatoren nicht bietet, gibt es alternative Ansätze.

Elvis-Operator (?:)

Um die Funktionalität des Elvis-Operators zu erreichen, können Sie verwenden der logische „OR“-Operator (||):

<code class="js">const displayName = user.name || "Anonymous";</code>
Nach dem Login kopieren

Safe-Navigationsoperator (?.)

JavaScript hat derzeit kein Äquivalent zum Safe Navigationsbetreiber. Sie können jedoch stattdessen das folgende Muster verwenden:

<code class="js">const streetName = user?.address?.street;</code>
Nach dem Login kopieren

Wenn ein Teil der Kette (z. B. Benutzer, Adresse, Straße) null ist, wird streetName auf null gesetzt. Diese Methode vermeidet potenzielle NullPointerExceptions.

Alternative Lösungen

Wenn Sie die Syntax von Elvis- und Safe Navigation-Operatoren wünschen, sollten Sie die Verwendung von CoffeeScript in Betracht ziehen. Es bietet eine ähnliche Abkürzung:

Existenzieller Operator

<code class="coffee">zip = lottery.drawWinner?().address?.zipcode</code>
Nach dem Login kopieren

Funktionsverknüpfungen

<code class="coffee">() -> // equivalent to function(){}</code>
Nach dem Login kopieren

Sexy-Funktion Aufruf

<code class="coffee">func 'arg1', 'arg2' // equivalent to func('arg1', 'arg2')</code>
Nach dem Login kopieren

Obwohl die CoffeeScript-Syntax möglicherweise aussagekräftiger ist, erfordert sie eine Kompilierung oder Einfügung als '

Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！