Teilen von Tipps zu && und ||

Wenn Sie ein Neuling sind und nachdem Sie die detaillierte Erklärung all dieser Techniken und deren Funktionsweise gelesen und sie dann angewendet haben, werden Sie prägnantere und effizientere JavaScript-Programme schreiben.

Tatsächlich haben JavaScript-Meister diese Techniken verwendet, um viele leistungsstarke und effiziente JavaScript-Programme zu schreiben. Aber Sie können dies tun.

Leistungsstarke && und ||-Ausdrücke
Möglicherweise haben Sie sie in JavaScript-Bibliotheken und JavaScript-Frameworks gesehen. Beginnen wir also mit ein paar grundlegenden Beispielen:

Beispiel 1. || (oder)
Legen Sie den Standardwert fest, normalerweise verwenden Sie

Code kopieren Der Code lautet wie folgt:

Funktion documentTitle(theTitle) {
if (!theTitle) {
theTitle = "Unbenanntes Dokument";
}
}

Ersetzen Sie dies durch:

Code kopieren Der Code lautet wie folgt:

Funktion documentTitle(theTitle) {
theTitle = theTitle ||. "Unbenanntes Dokument";
}

Analyse:

Lesen Sie zunächst das folgende Feld „Tipps“, um zu erfahren, wie JavaScript boolesche Werte ermittelt
Der ||.-Operator beurteilt zunächst die Wahrheit oder Falschheit des Ausdrucks auf der linken Seite. Wenn er wahr ist, gibt er sofort den vom Ausdruck auf der linken Seite zurückgegebenen Wert zurück den Ausdruck auf der rechten Seite und gibt den Ausdruck auf der rechten Seite zurück. Der Wert von
Wenn die Variable „TheTitle“ als „falsch“ ausgewertet wird, wird der Wert des Ausdrucks auf der rechten Seite zurückgegeben. Mit anderen Worten: Wenn die Variable „TheTitle“ als „True“ ausgewertet wird, wird der Wert von „TheTitle“ zurückgegeben.
! Tipp:
Werte, die von JavaScript als falsch beurteilt werden: null, false, 0, undefiniert, NaN und „“ (leerer String).
Denken Sie daran, dass NaN-Werte wie Infinity als wahr und nicht als falsch bewertet werden. NaN wird jedoch als falsch bewertet.
Mit Ausnahme der oben genannten werden alle anderen Werte als wahr beurteilt.

Beispiel 2. && (und)

Tu das nicht:

function isAdult(age) {
 if (age && age > 17) {
  return true;
 } else {
  return false;
 }
}

Ersetzen Sie dies durch:

Code kopieren Der Code lautet wie folgt:

Funktion isAdult(age) {
zurück Alter && Alter >
}

Analyse:

Der &&-Operator wertet Ausdrücke von links aus. Wenn der Ausdruck auf der linken Seite als falsch ausgewertet wird, gibt er sofort „false“ zurück, unabhängig davon, ob der Ausdruck auf der rechten Seite wahr ist.
Wenn der Ausdruck auf der linken Seite wahr ist, werten Sie den Ausdruck auf der rechten Seite weiter aus und geben Sie dann das Ergebnis des Ausdrucks auf der rechten Seite zurück
Das macht langsam Spaß

Beispiel 3.

Tu das nicht:

if (userName) {
 logIn(userName);
} else {
 signUp();
}

Ersetzen Sie dies durch:

Code kopieren Der Code lautet wie folgt:

Benutzername && logIn(Benutzername) ||. signUp();

Analyse:

Wenn userName wahr ist, rufen Sie die LogIn-Funktion auf und übergeben Sie die Variable userName
Wenn userName falsch ist, rufen Sie die LogIn-Funktion auf, ohne Variablen zu übergeben

Beispiel 4.
Tu das nicht:

var userID;

if (userName && userName.loggedIn) {
 userID = userName.id;
} else {
 userID = null;
}

Ersetzen Sie dies durch:

Code kopieren Der Code lautet wie folgt:

var userID = userName && userName.loggedIn && userName.id;

Analyse:

Wenn userName wahr ist, rufen Sie user.loggedIn auf und prüfen Sie, ob user.loggedIn wahr ist; wenn es wahr ist, geben Sie den Rückgabewert des dritten Ausdrucks zurück
Wenn userName leer ist, geben Sie null

zurück

Das Obige ist der erste JavaScript-Tipp, der Ihnen in diesem Artikel mitgeteilt wird. Ich hoffe, dass er Ihnen gefällt.