Heim >Web-Frontend >js-Tutorial >Kurzschlussbewertung in JavaScript: Leistung steigern und die Logik vereinfachen!
Haben Sie sich jemals gefragt, wie JavaScripts ??
, ||
und &&
Bediener unter der Motorhaube funktionieren? Dieser Artikel legt das Geheimnis der Kurzschlussbewertung auf, die ihr Verhalten erklärt und Best Practices hervorhebt.
Kurzschlussbewertung In JavaScript bewertet logische Operatoren die Ausdrücke von links nach rechts und stoppen, sobald das Ergebnis klar ist.
logisch und (&&
)
Gibt den ersten falsy -Wert zurück; Andernfalls gibt es den letzten Wert zurück, wenn alle wahr sind.
<code class="language-javascript">let x = 5; let y = 0; console.log(x && y); // 0 console.log(x && true); // true</code>
logisch oder (||
)
Gibt den ersten wahren Wert zurück; Andernfalls gibt es den letzten Wert zurück, wenn alle falsy sind.
<code class="language-javascript">let a = null; let b = "Hello"; console.log(a || b); // Hello console.log(a || false); // false</code>
Nullish Coalescing -Operator (??
)
liefert einen Standardwert nur , wenn der linke Operand null
oder undefined
.
<code class="language-javascript">let userName = null; let result = 0 ?? 100; console.log(result); // 0 console.log(userName ?? "Guest"); // Guest</code>
Kombinierte Verwendung (mit Best Practices)
Die Kombination dieser Operatoren erfordert eine sorgfältige Verwendung von Klammern, um unerwartete Ergebnisse zu verhindern.
<code class="language-javascript">let a = null; let b = 0; let c = 10; let d = 20; let result = (a ?? b) || (c && d); console.log(result); // 20</code>
(a ?? b)
bewertet 0
(da a
null
ist). (c && d)
bewertet 20
. Daher führt 0 || 20
20
.
Vorteile der Kurzschlussbewertung:
null
oder undefined
. Nachteile:
Best Practices:
??
beim spezifischen Umgang mit ||
oder null
, um zu vermeiden, dass andere falsy -Werte überschrieben werden (z. B. undefined
, 0
). ""
verbinden Sie sich mit mir auf LinkedIn: www.linkedin.com/in/geetansh-chahal-b7473b1b4/
Das obige ist der detaillierte Inhalt vonKurzschlussbewertung in JavaScript: Leistung steigern und die Logik vereinfachen!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!