JavaScript VEYA (||) değişken atama açıklaması

Bu JavaScript snippet'i göz önüne alındığında ...

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

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

alert(f); // 4

Birisi bana bu tekniğin ne olduğunu açıklayabilir mi (benim en iyi tahminim bu sorunun başlığında!)? Ve nasıl / neden tam olarak çalışıyor?

Anladığım kadarıyla, değişkene f, null veya undefined olmayan bir değere sahip ilk değişkenin en yakın değerine (soldan sağa) atanacak, ancak bu teknik hakkında çok fazla referans materyali bulmayı başaramadım ve çok kullandığını gördüm.

Ayrıca, bu teknik JavaScript'e özgü mü? PHP benzer bir şey yapmanın kendisi fyerine gerçek bir boolean değeri ile sonuçlanır biliyorum d.

Açıklama için kısa devre değerlendirmesine bakın . Bu operatörleri uygulamanın yaygın bir yoludur; JavaScript'e özgü değildir.

Bu atama yapılır varsayılan değeri bu durumda, değerini yise, xdeğişkendir falsy .

JavaScript'teki boole işleçleri, diğer dillerde olduğu gibi her zaman bir boole sonucu değil, bir işlenen döndürebilir.

Mantıksal VEYA operatörü ( ||) ikinci işleneninin değerini döndürür, eğer ilki falsiyse, aksi takdirde ilk işlenenin değeri döndürülür.

Örneğin:

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

Falsy değerler için bu kim zorlamak için olan falseboolean bağlamında kullanıldığında, ve bunlar 0, null, undefined, boş bir dize, NaNve tabii ki false.

Javacript, mantıksal operatörler ve için kısa devre değerlendirmesini kullanır . Ancak, a veya değer yerine yürütmeyi durduran son değerin sonucunu döndürmesi diğer dillerden farklıdır .||&&truefalse

Aşağıdaki değerler JavaScript'te yanlış olarak kabul edilir.

• yanlış
• boş
• "" (boş dize)
• 0
• Nan
• Tanımsız

Operatör öncelik kurallarını göz ardı ederek ve işleri basit tutarak, aşağıdaki örnekler değerlendirmeyi hangi değerin durdurduğunu ve sonuç olarak geri döndüğünü gösterir.

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

İlk 5 değer NaNfalsidir, bu nedenle ilk doğruluk değerini karşılayana kadar hepsi soldan sağa değerlendirilir - "Hello"bu da tüm ifadeyi doğru yapar, böylece daha sonraki her şey değerlendirilmez ve "Hello"ifadenin sonucu olarak geri döner . Benzer şekilde, bu durumda:

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

İlk 5 değerin tümü doğrudur ve nullifadeyi yanlış yapan ilk yanlış değeri ( ) karşılayana kadar değerlendirilir , bu yüzden 2010artık değerlendirilmez nullve ifadenin sonucu olarak döndürülür.

Verdiğiniz örnek, bir ödev gerçekleştirmek için bu JavaScript özelliğinden faydalanmaktır. Bir değer kümesi arasında ilk doğruluk veya falsi değerini elde etmeniz gereken her yerde kullanılabilir. Bu kod aşağıda değer atar "Hello"etmek byerine if-else kontrolleri yapmanın, daha kolay bir varsayılan değer atamak için yapar gibi.

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

Aşağıdaki örnek bu özellik sömürü diyebiliriz ve ben inanıyorum kod okumayı zorlaştırır.

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

Uyarının içinde messages, sahte olup olmadığını kontrol ederiz ve eğer evetse, değerlendirin ve geri gönderin noNewMessagesText, aksi takdirde değerlendirin ve geri dönün newMessagesText. Bu örnekte sahte olduğu için noNewMessagesText ve alert'te durduk "Sorry, you have no new messages.".

Javascript değişkenleri yazılmaz, bu nedenle boole işleçleri tarafından atanmış olsa bile f'ye bir tamsayı değeri atanabilir.

f, false değerine eşit olmayan en yakın değere atanır . Yani 0, false, null, undefined, hepsi aktarılır:

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

Bunda sihir yok. Boole ifadeleri a || b || c || dtembel olarak değerlendirilir. Interpeter değerini arar a, tanımsızdır, bu yüzden yanlıştır, böylece devam eder, sonra bnull olduğunu görür , bu hala yanlış sonuç verir, böylece devam eder, sonra görür c- aynı hikaye. Sonunda d'ha, boş değil, bu yüzden sonucum var' diyor ve son değişkene atar.

Bu hile, boole ifadelerinin tembel kısa devre değerlendirmesini yapan tüm dinamik dillerde çalışacaktır. Statik dillerde derlenmez (tip hatası). Boole ifadelerini değerlendirmeye istekli dillerde mantıksal değer döndürür (yani bu durumda doğrudur).

Bu soru zaten birkaç iyi yanıt aldı.

Özetle, bu teknik, dilin nasıl derlendiği özelliğinden yararlanmaktadır. Yani, JavaScript Boole işleçlerinin değerlendirmesini "kısa devre yapar" ve ilk yanlış olmayan değişken değerle veya son değişkenin içerdiği değerle ilişkili değeri döndürür. Anurag'ın yanlış olarak değerlendirilecek değerleri açıklamasına bakın.

Bu tekniği kullanmak çeşitli nedenlerle iyi bir uygulama değildir; ancak.

1. Kod Okunabilirliği: Bu, Boolean işleçlerini kullanır ve bunun nasıl derlendiğinin davranışı anlaşılmazsa, beklenen sonuç bir Boolean değeri olur.
2. Kararlılık: Bu, dilin birden çok dilde tutarlı olmayan bir şekilde nasıl derlendiğini kullanır ve bu nedenle gelecekte değişiklik için potansiyel olarak hedeflenebilecek bir şeydir.

3. Belgelenmiş Özellikler: Bu ihtiyacı karşılayan ve daha fazla dilde tutarlı olan mevcut bir alternatif vardır. Bu üçlü operatör olacaktır:

   ()? değer 1: Değer 2.

Üçlü operatörün kullanılması biraz daha fazla yazmayı gerektirir, ancak değerlendirilmekte olan Boole ifadesi ile atanan değer arasında açıkça ayrım yapar. Ek olarak zincirlenebilir, böylece yukarıda gerçekleştirilen varsayılan atama türleri yeniden oluşturulabilir.

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

Çıktı ilk doğru değerini döndürür .

Hepsi yanlışsa son yanlış değeri döndürür.

Misal:-

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

Yeni değişkeni ( z) x"doğruluk" (sıfırdan farklı, geçerli bir nesne / dizi / işlev / her neyse) değerine veya başka bir değere ayarlar y. xMevcut değilse, varsayılan bir değer sağlamanın nispeten yaygın bir yoludur .

Örneğin, isteğe bağlı geri çağrı parametresi alan bir işleviniz varsa, hiçbir şey yapmayan varsayılan bir geri çağrı sağlayabilirsiniz:

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

Bu ise anlamına gelir xayarlanır değeri zolacaktır x, aksi takdirde, ydaha sonra değeri olarak ayarlanır ayarlanır z'in değeri.

aynı

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

JavaScript'teki mantıksal işleçler boole değerlerini döndürmediğinden, ancak işlemi tamamlamak için gereken son öğenin değeri (VEYA cümlesinde ilk yanlış olmayan değer olur, VE cümlesinde sonuncusu olur) ). İşlem başarısız olursa falseiade edilir.

Kısa devre operatörü denir.

Kısa devre değerlendirmesi, ikinci argümanın yalnızca ilk argüman ifadenin değerini belirlemek için yeterli olmadığında yürütüldüğünü veya değerlendirildiğini söylüyor. OR (||) işlevinin ilk bağımsız değişkeni true olarak değerlendirildiğinde, genel değer true olmalıdır.

İşlev argümanı için varsayılan bir değer ayarlamak için de kullanılabilir.

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`

X'i değerlendirecek ve X boş değilse, boş dize veya 0 (mantıksal yanlış), o zaman z'ye atayacaktır. X null, boş dize veya 0 (mantıksal yanlış) ise, y'ye z değerini atayacaktır.

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

'Bob' çıktısı verir;

Göre Bill Higgins'ın blog yazı; Javascript mantıksal VEYA atama deyimi (Şubat 2007), bu davranış v1.2'den itibaren geçerlidir (en azından)

Ayrıca bunun için başka bir kullanım önermektedir (alıntılanmıştır): " tarayıcılar arası farklılıkların hafif normalleştirilmesi "

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