Wie gehen Sie mit Nullwerten in JavaScript um?

Die Elvis- und Safe-Navigation-Operatoren in JavaScript

Der Elvis-Operator, auch als Nullkoaleszenzoperator bekannt, ist eine praktische Möglichkeit dazu Gibt einen Standardwert zurück, wenn ein Ausdruck null oder falsch ergibt. Zum Beispiel:

<code class="javascript">const displayName = user.name || "Anonymous";</code>

In JavaScript können Sie auch den logischen ODER-Operator verwenden, um ähnliche Ergebnisse zu erzielen:

<code class="javascript">const displayName = user.name ? user.name : "Anonymous";</code>

Während JavaScript derzeit keinen dedizierten sicheren Navigationsoperator hat, Sie können bedingte Logik verwenden, um NullPointerExceptions zu vermeiden:

<code class="javascript">const user = User.findById("admin");
const streetName = user ? (user.address ? user.address.street : null) : null;</code>

Alternative Syntax: CoffeeScript

Wenn Sie eine prägnantere Syntax suchen, sollten Sie die Verwendung von CoffeeScript in Betracht ziehen. Es bietet mehrere Abkürzungen, die den Elvis- und sicheren Navigationsoperatoren ähneln:

• Existenzieller Operator: Gibt den Wert einer Eigenschaft zurück, wenn sie existiert, andernfalls wird undefiniert zurückgegeben.

  <code class="coffeescript">zip = lottery.drawWinner?().address?.zipcode</code>

• Funktionsverknüpfungen: Ermöglicht das Weglassen Klammern für Funktionen.

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

• Sexy Function Calling: Bietet eine prägnantere Möglichkeit, Funktionen mit mehreren Argumenten aufzurufen.

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

CoffeeScript fügt JavaScript eine Vielzahl von Funktionen hinzu, darunter mehrzeilige Kommentare, Klassen und mehr. Es kann in JavaScript kompiliert oder mit

• 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