JavaScript atau (||) penjelasan tugas variabel

Dengan cuplikan JavaScript ini ...

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

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

alert(f); // 4

Dapatkah seseorang tolong jelaskan kepada saya apa yang disebut teknik ini (tebakan terbaik saya ada pada judul pertanyaan ini!)? Dan bagaimana / mengapa itu bekerja dengan tepat?

Pemahaman saya adalah bahwa variabel fakan diberi nilai terdekat (dari kiri ke kanan) dari variabel pertama yang memiliki nilai yang tidak nol atau tidak terdefinisi, tetapi saya belum berhasil menemukan banyak bahan referensi tentang teknik ini dan memiliki melihatnya digunakan banyak.

Juga, apakah teknik ini khusus untuk JavaScript? Saya tahu melakukan sesuatu yang serupa di PHP akan menghasilkan fmemiliki nilai boolean yang benar, bukan nilai ditu sendiri.

Lihat evaluasi hubung singkat untuk penjelasannya. Ini adalah cara umum untuk menerapkan operator ini; itu tidak unik untuk JavaScript.

Ini dibuat untuk menetapkan nilai default , dalam hal ini nilai y, jika xvariabel falsy .

Operator boolean dalam JavaScript dapat mengembalikan operan, dan tidak selalu menghasilkan boolean seperti dalam bahasa lain.

Operator Logical OR ( ||) mengembalikan nilai operan kedua, jika yang pertama palsu, jika tidak nilai operan pertama dikembalikan.

Sebagai contoh:

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

Falsy nilai-nilai adalah mereka yang memaksa untuk falseketika digunakan dalam konteks boolean, dan mereka 0, null, undefined, string kosong, NaNdan tentu saja false.

Javacript menggunakan evaluasi hubung singkat untuk operator logis ||dan &&. Namun, ini berbeda dengan bahasa lain karena mengembalikan hasil dari nilai terakhir yang menghentikan eksekusi, bukan nilai true, atau false.

Nilai-nilai berikut ini dianggap salah dalam JavaScript.

• Salah
• batal
• "" (string kosong)
• 0
• Nan
• tidak terdefinisi

Mengabaikan aturan prioritas operator , dan menjaga hal-hal sederhana, contoh-contoh berikut menunjukkan nilai mana yang menghentikan evaluasi, dan dikembalikan sebagai hasilnya.

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

5 nilai pertama hingga NaNpalsu sehingga mereka semua dievaluasi dari kiri ke kanan, sampai memenuhi nilai kebenaran pertama - "Hello"yang membuat seluruh ekspresi benar, jadi apa pun yang lebih jauh ke atas tidak akan dievaluasi, dan "Hello"akan dikembalikan sebagai hasil dari ekspresi . Demikian pula, dalam hal ini:

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

5 nilai pertama semuanya benar dan dievaluasi sampai memenuhi nilai falsy pertama ( null) yang membuat ekspresi salah, jadi 2010tidak dievaluasi lagi, dan nulldikembalikan sebagai hasil dari ekspresi.

Contoh yang Anda berikan adalah memanfaatkan properti JavaScript ini untuk melakukan tugas. Ini dapat digunakan di mana saja di mana Anda perlu mendapatkan nilai true atau falsy pertama di antara seperangkat nilai. Kode ini di bawah ini akan menetapkan nilai "Hello"untuk bkarena membuat lebih mudah untuk menetapkan nilai default, bukannya melakukan jika-lain cek.

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

Anda dapat menyebut contoh di bawah ini sebagai eksploitasi fitur ini, dan saya percaya ini membuat kode lebih sulit dibaca.

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

Di dalam lansiran, kami memeriksa apakah messagesada kesalahan, dan jika ya, maka evaluasi dan kembali noNewMessagesText, jika tidak, evaluasi dan kembali newMessagesText. Karena itu salah dalam contoh ini, kami berhenti di noNewMessagesText dan memberitahukan "Sorry, you have no new messages.".

Variabel Javascript tidak diketik, sehingga f dapat diberi nilai integer meskipun telah ditetapkan melalui operator boolean.

f diberi nilai terdekat yang tidak setara dengan false . Jadi 0, false, null, undefined, semuanya dilewati:

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

Tidak ada keajaiban untuk itu. Ekspresi Boolean suka a || b || c || ddievaluasi dengan malas. Interpeter mencari nilai a, itu tidak terdefinisi sehingga salah sehingga bergerak, kemudian melihat byang nol, yang masih memberikan hasil palsu sehingga bergerak, lalu melihat c- cerita yang sama. Akhirnya ia melihat ddan berkata 'huh, ini bukan nol, jadi saya mendapatkan hasil saya' dan menetapkannya ke variabel akhir.

Trik ini akan bekerja dalam semua bahasa dinamis yang melakukan evaluasi hubung singkat ekspresi boolean. Dalam bahasa statis itu tidak akan dikompilasi (ketik kesalahan). Dalam bahasa yang ingin mengevaluasi ekspresi boolean, itu akan mengembalikan nilai logis (yaitu benar dalam kasus ini)

Pertanyaan ini sudah menerima beberapa jawaban bagus.

Singkatnya, teknik ini memanfaatkan fitur bagaimana bahasa dikompilasi. Artinya, JavaScript "sirkuit pendek" evaluasi operator Boolean dan akan mengembalikan nilai yang terkait dengan nilai variabel non-false pertama atau apa pun yang berisi variabel terakhir. Lihat penjelasan Anurag tentang nilai-nilai yang akan dinilai salah.

Menggunakan teknik ini bukan praktik yang baik karena beberapa alasan; namun.

1. Keterbacaan Kode: Ini menggunakan operator Boolean, dan jika perilaku bagaimana kompilasi ini tidak dipahami, maka hasil yang diharapkan akan menjadi nilai Boolean.
2. Stabilitas: Ini menggunakan fitur bagaimana bahasa dikompilasi yang tidak konsisten di berbagai bahasa, dan karena ini adalah sesuatu yang berpotensi ditargetkan untuk perubahan di masa depan.

3. Fitur yang Didokumentasikan: Ada alternatif yang ada yang memenuhi kebutuhan ini dan konsisten di lebih banyak bahasa. Ini akan menjadi operator ternary:

   ()? nilai 1: Nilai 2.

Menggunakan operator ternary memang membutuhkan pengetikan yang lebih sedikit, tetapi ia dengan jelas membedakan antara ekspresi Boolean yang dievaluasi dan nilai yang diberikan. Selain itu dapat dirantai, sehingga jenis tugas default yang dilakukan di atas dapat dibuat kembali.

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

Kembalikan nilai asli pertama .

Jika semuanya false, kembalikan nilai false terakhir.

Contoh:-

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

Ini mengatur variabel baru ( z) ke nilai xapakah itu "benar" (bukan nol, objek / array / fungsi yang valid / apa pun itu) atau ysebaliknya. Ini adalah cara yang relatif umum untuk memberikan nilai default jika xtidak ada.

Misalnya, jika Anda memiliki fungsi yang mengambil parameter panggilan balik opsional, Anda bisa memberikan panggilan balik default yang tidak melakukan apa-apa:

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

Ini berarti bahwa jika xdiatur, nilai untuk zakan x, jika ytidak diatur maka nilainya akan ditetapkan sebagai znilai.

itu sama dengan

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

Itu mungkin karena operator logis dalam JavaScript tidak mengembalikan nilai boolean tetapi nilai elemen terakhir yang diperlukan untuk menyelesaikan operasi (dalam kalimat ATAU itu akan menjadi nilai non-salah pertama, dalam kalimat DAN itu akan menjadi yang terakhir ). Jika operasi gagal, maka falsedikembalikan.

Ini disebut operator hubung singkat.

Evaluasi hubung singkat mengatakan, argumen kedua dieksekusi atau dievaluasi hanya jika argumen pertama tidak cukup untuk menentukan nilai ekspresi. ketika argumen pertama dari fungsi OR (||) mengevaluasi ke true, nilai keseluruhan harus benar.

Ini juga dapat digunakan untuk menetapkan nilai default untuk argumen fungsi.`

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`

Ini akan mengevaluasi X dan, jika X bukan nol, string kosong, atau 0 (false false), maka akan menetapkannya ke z. Jika X adalah null, string kosong, atau 0 (false false), maka itu akan menetapkan y ke z.

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

Akan menampilkan 'bob';

Menurut posting Blog Bill Higgins ' ; idiom logis Javascript ATAU penugasan (Februari 2007), perilaku ini berlaku pada v1.2 (setidaknya)

Dia juga menyarankan penggunaan lain untuk itu (dikutip): " normalisasi ringan perbedaan lintas-browser "

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