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

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>

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>

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>

Funktionsverknüpfungen

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

Sexy-Funktion Aufruf

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

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

• Eine eingehende Analyse der Bootstrap-Listengruppenkomponente
• Detaillierte Erläuterung des JavaScript-Funktions-Curryings
• Vollständiges Beispiel für die Generierung von JS-Passwörtern und die Erkennung der Stärke (mit Download des Demo-Quellcodes)
• Angularjs integriert WeChat UI (weui)
• Wie man mit JavaScript schnell zwischen traditionellem Chinesisch und vereinfachtem Chinesisch wechselt und wie Websites den Wechsel zwischen vereinfachtem und traditionellem Chinesisch unterstützen – Javascript-Kenntnisse