Wyjaśnienie przypisania zmiennych JavaScript OR (||)

Biorąc pod uwagę ten fragment kodu 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

Czy ktoś może mi wyjaśnić, jak nazywa się ta technika (najlepiej zgaduję w tytule tego pytania!)? I jak / dlaczego to działa dokładnie?

Rozumiem, że zmiennej fzostanie przypisana najbliższa wartość (od lewej do prawej) pierwszej zmiennej, która ma wartość, która nie jest ani zerowa, ani niezdefiniowana, ale nie udało mi się znaleźć wielu materiałów referencyjnych na temat tej techniki i mieć widziałem, że dużo zużyło.

Czy ta technika jest specyficzna dla JavaScript? Wiem, że zrobienie czegoś podobnego w PHP spowoduje fprawdziwą wartość boolowską, a nie wartość dsamego siebie.

Zobacz ocenę zwarciem za wyjaśnienie. Jest to powszechny sposób wdrażania tych operatorów; nie jest unikalny dla JavaScript.

Służy to do przypisania wartości domyślnej , w tym przypadku wartości y, jeśli xzmienna jest fałszem .

Operatory boolowskie w JavaScript mogą zwracać operand i nie zawsze wynik boolowski, jak w innych językach.

Operator logiczny OR (|| ) zwraca wartość drugiego operandu, jeśli pierwszy jest fałszem, w przeciwnym razie zwracana jest wartość pierwszego operandu.

Na przykład:

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

Wartości fałszowania to te, które zmuszają się, falsegdy są używane w kontekście logicznym, i są nimi0 , null, undefined, pusty ciąg, NaNi oczywiście false.

Javacript używa oceny zwarcia dla operatorów logicznych ||i &&. Jednak różni się od innych języków tym, że zwraca wynik ostatniej wartości, która zatrzymała wykonanie, zamiast wartości a truelub false.

Poniższe wartości są uważane za falsy w JavaScript.

• fałszywe
• zero
• "" (pusta struna)
• 0
• Nan
• nieokreślony

Ignorując reguły pierwszeństwa operatora i upraszczając, poniższe przykłady pokazują, która wartość zatrzymała ocenę i w rezultacie została zwrócona.

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

Pierwsze 5 wartości w NaNgórę to fałsz, więc wszystkie są oceniane od lewej do prawej, dopóki nie osiągnie pierwszej wartości zgodnej z prawdą - "Hello"co sprawia, że ​​całe wyrażenie jest prawdziwe, więc żadne dalsze wyrażenie nie będzie oceniane i "Hello"zostanie zwrócone w wyniku wyrażenia . Podobnie w tym przypadku:

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

Wszystkie 5 pierwszych wartości są zgodne z prawdą i są poddawane ocenie, dopóki nie spełnią pierwszej wartości fałszowania ( null), co powoduje, że wyrażenie jest fałszywe, więc 2010nie jest już oceniane, i nullzostaje zwrócone w wyniku wyrażenia.

Podany przykład wykorzystuje tę właściwość JavaScript do wykonania zadania. Można go używać wszędzie tam, gdzie trzeba uzyskać pierwszą wartość prawdy lub fałszu spośród zestawu wartości. Poniższy kod przypisze wartość "Hello"do, bponieważ ułatwia przypisanie wartości domyślnej, zamiast przeprowadzania kontroli if-else.

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

Poniższy przykład można nazwać wykorzystaniem tej funkcji i uważam, że utrudnia to odczytanie kodu.

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

Wewnątrz alertu sprawdzamy, czy messagesjest to fałsz, a jeśli tak, to oceniamy i wracamy noNewMessagesText, w przeciwnym razie oceniamy i wracamy newMessagesText. Ponieważ w tym przykładzie jest to fałsz, zatrzymujemy się na noNewMessagesText i ostrzegamy "Sorry, you have no new messages.".

Zmienne JavaScript nie są wpisywane, więc f można przypisać wartość całkowitą, nawet jeśli została ona przypisana za pomocą operatorów logicznych.

f jest przypisywana najbliższa wartość, która nie jest równoważna wartości false . Tak więc wszystkie 0, false, null, undefined, są pomijane:

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

Nie ma w tym żadnej magii. Wyrażenia logiczne, takie jak, a || b || c || dsą leniwie oceniane. Interpeter szuka wartości a, jest niezdefiniowany, więc jest fałszywy, więc porusza się dalej, a następnie widzi, bktóra wartość jest pusta, co nadal daje fałszywy wynik, więc porusza się dalej, a następnie widzi c- tę samą historię. Wreszcie widzi di mówi „huh, to nie jest zero, więc mam swój wynik” i przypisuje go do zmiennej końcowej.

Ta sztuczka będzie działać we wszystkich dynamicznych językach, które wykonują leniwe zwarcie w wyrażeniach boolowskich. W językach statycznych nie będzie się kompilować (błąd typu). W językach, które chętnie oceniają wyrażenia logiczne, zwróci wartość logiczną (w tym przypadku true).

To pytanie otrzymało już kilka dobrych odpowiedzi.

Podsumowując, ta technika wykorzystuje funkcję kompilacji języka. Oznacza to, że JavaScript „zwiera” ocenę operatorów boolowskich i zwróci wartość związaną z pierwszą niefałszową wartością zmiennej lub jakąkolwiek ostatnią zmienną. Zobacz wyjaśnienie Anuragu dotyczące wartości, które zostaną ocenione jako fałszywe.

Korzystanie z tej techniki nie jest dobrą praktyką z kilku powodów; jednak.

1. Czytelność kodu: używa operatorów boolowskich, a jeśli zachowanie tego, jak ta kompilacja nie jest zrozumiana, to oczekiwany wynik byłby wartością boolowską.
2. Stabilność: wykorzystuje funkcję kompilacji języka, która jest niespójna w wielu językach, dzięki czemu może być potencjalnie celem zmian w przyszłości.

3. Udokumentowane funkcje: Istnieje istniejąca alternatywa, która spełnia tę potrzebę i jest spójna w większej liczbie języków. Byłby to operator trójskładnikowy:

   ()? wartość 1: wartość 2.

Użycie operatora trójskładnikowego wymaga nieco więcej pisania, ale wyraźnie rozróżnia między wyrażeniem logicznym, które jest oceniane, a przypisywaną wartością. Ponadto można go łączyć w łańcuchy, aby można było odtworzyć typy domyślnych przypisań wykonywane powyżej.

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

Zwraca wyjściową pierwszą prawdziwą wartość .

Jeśli wszystkie są fałszywe, zwróć ostatnią fałszywą wartość.

Przykład:-

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

Ustawia nową zmienną ( z) na wartość x„prawda” (niezerowa, poprawny obiekt / tablica / funkcja / cokolwiek to jest) lub yinaczej. Jest to stosunkowo powszechny sposób podawania wartości domyślnej w przypadku, xgdy nie istnieje.

Na przykład, jeśli masz funkcję, która pobiera opcjonalny parametr wywołania zwrotnego, możesz podać domyślne wywołanie zwrotne, które nic nie robi:

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

Oznacza to, że jeśli xjest ustawiony, wartość dla zbędzie x, w przeciwnym razie, jeśli yzostanie ustawiony, wówczas jego wartość zostanie ustawiona jako zwartość.

to to samo co

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

Jest to możliwe, ponieważ operatory logiczne w JavaScript nie zwracają wartości boolowskich, ale wartość ostatniego elementu potrzebnego do zakończenia operacji (w zdaniu OR byłaby to pierwsza nie-fałszywa wartość, w zdaniu AND byłaby to ostatnia ). Jeśli operacja się nie powiedzie, falsezostanie zwrócona.

Nazywa się to operatorem zwarcia.

Ocena zwarcia mówi, że drugi argument jest wykonywany lub oceniany tylko wtedy, gdy pierwszy argument nie jest wystarczający do ustalenia wartości wyrażenia. gdy pierwszy argument funkcji OR (||) ma wartość true, całkowita wartość musi być prawdziwa.

Może być również użyty do ustawienia domyślnej wartości argumentu funkcji.`

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`

Ocenia X, a jeśli X nie ma wartości NULL, pusty łańcuch lub 0 (logiczny fałsz), wówczas przypisuje go do z. Jeśli X ma wartość NULL, pusty ciąg lub 0 (logiczny fałsz), wówczas przypisuje y do z.

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

Wyjdzie „bob”;

Zgodnie z postem na blogu Billa Higginsa ; idiom logiczny OR przypisania JavaScript (luty 2007), to zachowanie jest prawdziwe od wersji 1.2 (przynajmniej)

Sugeruje także inne zastosowanie (cytowane): „ lekka normalizacja różnic między przeglądarkami ”

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