Erklärung der Variablenzuweisung für JavaScript ODER (||)

Angesichts dieses Ausschnitts von JavaScript ...

var a;
var b = null;
var c = undefined;
var d = 4;
var e = 'five';

var f = a || b || c || d || e;

alert(f); // 4

Kann mir bitte jemand erklären, wie diese Technik heißt (meine beste Vermutung steht im Titel dieser Frage!)? Und wie / warum funktioniert es genau?

Nach meinem Verständnis wird der Variablen fder nächste Wert (von links nach rechts) der ersten Variablen zugewiesen, deren Wert weder null noch undefiniert ist, aber ich habe nicht viel Referenzmaterial zu dieser Technik gefunden und habe Ich habe gesehen, dass es viel benutzt hat.

Ist diese Technik auch spezifisch für JavaScript? Ich weiß, dass etwas Ähnliches in PHP dazu führen würde, fdass ein echter boolescher Wert und nicht der Wert von sich dselbst vorliegt.

Erläuterungen finden Sie unter Kurzschlussauswertung . Es ist eine übliche Methode, diese Operatoren zu implementieren. Es ist nicht nur in JavaScript verfügbar.

Dies wird vorgenommen, um einen Standardwert zuzuweisen , in diesem Fall den Wert von y, wenn die xVariable falsch ist .

Die booleschen Operatoren in JavaScript können einen Operanden zurückgeben und nicht immer ein boolesches Ergebnis wie in anderen Sprachen.

Der logische ODER-Operator (|| ) gibt den Wert seines zweiten Operanden zurück, wenn der erste falsch ist, andernfalls wird der Wert des ersten Operanden zurückgegeben.

Zum Beispiel:

"foo" || "bar"; // returns "foo"
false || "bar"; // returns "bar"

Falsy Werte sind diejenigen , die coerce zu , falsewenn sie in Booleschen Kontext verwendet wird , und sie sind 0, null, undefined, eine leere Zeichenfolge, NaNund natürlich false.

Javacript verwendet die Kurzschlussauswertung für logische Operatoren ||und &&. Es unterscheidet sich jedoch von anderen Sprachen darin, dass es das Ergebnis des letzten Werts zurückgibt, der die Ausführung angehalten hat, anstelle von a trueoder falsevalue.

Die folgenden Werte werden in JavaScript als falsch angesehen.

• falsch
• Null
• "" (leerer String)
• 0
• Nan
• nicht definiert

Die folgenden Beispiele ignorieren die Vorrangregeln des Operators und halten die Dinge einfach. Sie zeigen, welcher Wert die Auswertung angehalten hat und als Ergebnis zurückgegeben wird.

false || null || "" || 0 || NaN || "Hello" || undefined // "Hello"

Die ersten 5 Werte bis NaNsind falsch, daher werden sie alle von links nach rechts ausgewertet, bis sie den ersten Wahrheitswert erfüllen. Dies "Hello"macht den gesamten Ausdruck wahr, sodass alles weiter oben nicht ausgewertet wird und "Hello"als Ergebnis des Ausdrucks zurückgegeben wird . Ebenso in diesem Fall:

1 && [] && {} && true && "World" && null && 2010 // null

Die ersten 5 Werte sind alle wahr und werden ausgewertet, bis sie den ersten falschen Wert ( null) erfüllen , wodurch der Ausdruck falsch wird, also 2010nicht mehr ausgewertet wird und nullals Ergebnis des Ausdrucks zurückgegeben wird.

In dem von Ihnen angegebenen Beispiel wird diese Eigenschaft von JavaScript verwendet, um eine Zuweisung auszuführen. Es kann überall dort verwendet werden, wo Sie den ersten Wahrheits- oder Falschwert unter einer Reihe von Werten erhalten müssen. Dieser Code unten weist den Wert "Hello"zu, bda es einfacher ist, einen Standardwert zuzuweisen, als if-else-Prüfungen durchzuführen.

var a = false;
var b = a || "Hello";

Sie können das folgende Beispiel als Ausnutzung dieser Funktion bezeichnen, und ich glaube, es erschwert das Lesen von Code.

var messages = 0;
var newMessagesText = "You have " + messages + " messages.";
var noNewMessagesText = "Sorry, you have no new messages.";
alert((messages && newMessagesText) || noNewMessagesText);

Innerhalb der Warnung prüfen wir, ob sie messagesfalsch ist, und wenn ja, bewerten und zurückgeben noNewMessagesText, andernfalls bewerten und zurückgeben newMessagesText. Da es in diesem Beispiel falsch ist, halten wir bei noNewMessagesText an und alarmieren "Sorry, you have no new messages.".

Javascript-Variablen werden nicht eingegeben, daher kann f ein ganzzahliger Wert zugewiesen werden, obwohl er über boolesche Operatoren zugewiesen wurde.

f wird der nächste Wert zugewiesen, der nicht gleich false ist . Also werden 0, false, null, undefined alle übergangen:

alert(null || undefined || false || '' || 0 || 4 || 'bar'); // alerts '4'

Es gibt keine Magie. Boolesche Ausdrücke wie a || b || c || dwerden träge ausgewertet. Interpeter sucht nach dem Wert von a, es ist undefiniert, also ist es falsch, also geht es weiter, dann sieht es, bwas null ist, was immer noch ein falsches Ergebnis liefert, also geht es weiter, dann sieht es c- dieselbe Geschichte. Schließlich sieht dund sagt es "huh, es ist nicht null, also habe ich mein Ergebnis" und weist es der endgültigen Variablen zu.

Dieser Trick funktioniert in allen dynamischen Sprachen, in denen boolesche Ausdrücke verzögert kurzgeschlossen werden. In statischen Sprachen wird es nicht kompiliert (Typfehler). In Sprachen, die gerne boolesche Ausdrücke auswerten, wird ein logischer Wert zurückgegeben (dh in diesem Fall true).

Diese Frage hat bereits mehrere gute Antworten erhalten.

Zusammenfassend nutzt diese Technik eine Funktion zum Kompilieren der Sprache. Das heißt, JavaScript "schließt" die Auswertung von Booleschen Operatoren kurz und gibt den Wert zurück, der entweder dem ersten nicht falschen Variablenwert oder dem, was die letzte Variable enthält, zugeordnet ist. Siehe Anurags Erklärung der Werte, die als falsch ausgewertet werden.

Die Verwendung dieser Technik ist aus mehreren Gründen keine gute Praxis. jedoch.

1. Lesbarkeit des Codes: Hierbei werden boolesche Operatoren verwendet. Wenn das Verhalten beim Kompilieren nicht verstanden wird, ist das erwartete Ergebnis ein boolescher Wert.
2. Stabilität: Hierbei wird eine Funktion zum Kompilieren der Sprache verwendet, die über mehrere Sprachen hinweg inkonsistent ist. Aus diesem Grund kann diese Funktion möglicherweise in Zukunft geändert werden.

3. Dokumentierte Funktionen: Es gibt eine Alternative, die diese Anforderungen erfüllt und in mehreren Sprachen konsistent ist. Dies wäre der ternäre Operator:

   ()? Wert 1: Wert 2.

Die Verwendung des ternären Operators erfordert etwas mehr Eingabe, unterscheidet jedoch deutlich zwischen dem ausgewerteten Booleschen Ausdruck und dem zugewiesenen Wert. Darüber hinaus kann es verkettet werden, sodass die oben ausgeführten Standardzuweisungstypen neu erstellt werden können.

var a;
var b = null;
var c = undefined;
var d = 4;
var e = 'five';

var f =  ( a ) ? a : 
                ( b ) ? b :
                       ( c ) ? c :
                              ( d ) ? d :
                                      e;

alert(f); // 4

Gibt den ersten wahren Wert der Ausgabe zurück .

Wenn alle falsch sind, geben Sie den letzten falschen Wert zurück.

Beispiel:-

  null || undefined || false || 0 || 'apple'  // Return apple

Es setzt die neue Variable ( z) entweder auf den Wert x"wahr" (nicht Null, ein gültiges Objekt / Array / Funktion / was auch immer) oder auf yandere Weise. Es ist eine relativ häufige Methode, einen Standardwert anzugeben, falls dieser xnicht vorhanden ist.

Wenn Sie beispielsweise eine Funktion haben, die einen optionalen Rückrufparameter verwendet, können Sie einen Standardrückruf bereitstellen, der nichts bewirkt:

function doSomething(data, callback) {
    callback = callback || function() {};
    // do stuff with data
    callback(); // callback will always exist
}

Dies bedeutet, dass wenn xgesetzt ist, der Wert für zist x, andernfalls, wenn gesetzt yist, wird sein Wert als der zWert von gesetzt.

es ist das gleiche wie

if(x)
  z = x;
else
  z = y;

Dies ist möglich, weil logische Operatoren in JavaScript keine booleschen Werte zurückgeben, sondern den Wert des letzten Elements, das zum Abschließen der Operation benötigt wird (in einem ODER-Satz wäre dies der erste nicht falsche Wert, in einem UND-Satz der letzte ). Wenn der Vorgang fehlschlägt, falsewird er zurückgegeben.

Es heißt Kurzschlussoperator.

Die Kurzschlussauswertung besagt, dass das zweite Argument nur ausgeführt oder ausgewertet wird, wenn das erste Argument nicht ausreicht, um den Wert des Ausdrucks zu bestimmen. Wenn das erste Argument der Funktion OR (||) als wahr ausgewertet wird, muss der Gesamtwert wahr sein.

Es kann auch verwendet werden, um einen Standardwert für das Funktionsargument festzulegen. "

function theSameOldFoo(name){ 
  name = name || 'Bar' ;
  console.log("My best friend's name is " + name);
}
theSameOldFoo();  // My best friend's name is Bar
theSameOldFoo('Bhaskar');  // My best friend's name is Bhaskar`

Es wertet X aus und wenn X nicht null ist, die leere Zeichenfolge oder 0 (logisch falsch), wird es z zugewiesen. Wenn X null ist, die leere Zeichenfolge oder 0 (logisch falsch), wird z y zugewiesen.

var x = '';
var y = 'bob';
var z = x || y;
alert(z);

Gibt 'bob' aus;

Laut dem Blog- Beitrag von Bill Higgins ; In der logischen ODER-Zuweisungssprache Javascript (Februar 2007) gilt dieses Verhalten ab Version 1.2 (mindestens).

Er schlägt auch eine andere Verwendung dafür vor (zitiert): " leichte Normalisierung von browserübergreifenden Unterschieden "

// determine upon which element a Javascript event (e) occurred
var target = /*w3c*/ e.target || /*IE*/ e.srcElement;