Berkongsi petua tentang && dan || dalam petua javascript_javascript

Jika anda seorang pemula, dan selepas membaca penjelasan terperinci tentang semua teknik ini dan cara setiap teknik berfungsi dan kemudian menerapkannya, anda akan menulis program JavaScript yang lebih ringkas dan cekap.

Memang, pakar JavaScript telah menggunakan teknik ini untuk menulis banyak program JavaScript yang berkuasa dan cekap Tetapi anda boleh melakukannya.

Ekspresi && dan || yang berkuasa
Anda mungkin pernah melihatnya dalam pustaka JavaScript dan rangka kerja JavaScript, jadi mari kita mulakan dengan beberapa contoh asas:

Contoh 1. || (atau)
Tetapkan nilai lalai, biasanya gunakan

Salin kod Kod adalah seperti berikut:

function documentTitle(theTitle) {
jika (!theTitle) {
theTitle = "Dokumen Tidak Bertajuk";
}
}

Ganti ini dengan:

Salin kod Kod adalah seperti berikut:

function documentTitle(theTitle) {
theTitle = theTitle ||. "Dokumen Tidak Bertajuk";
}

Analisis:

Mula-mula, baca kotak "Petua" berikut untuk menyemak cara JavaScript menentukan nilai Boolean
Operator ||. terlebih dahulu menilai kebenaran atau kepalsuan ungkapan dari sebelah kiri. Jika ia benar, ia akan mengembalikan nilai yang dikembalikan oleh ungkapan di sebelah kiri jika ungkapan di sebelah kiri dinilai sebagai palsu ungkapan di sebelah kanan dan mengembalikan ungkapan di sebelah kanan Nilai
Jika Title dinilai sebagai palsu, nilai ungkapan di sebelah kanan akan dikembalikan. Dengan kata lain, jika pembolehubah Title dinilai sebagai benar, nilai Title akan dikembalikan.
! Petua:
Nilai dinilai sebagai palsu oleh JavaScript: null, false, 0, undefined, NaN dan "" (rentetan kosong).
Ingat bahawa nilai NaN seperti Infinity dinilai sebagai benar dan bukan palsu Walau bagaimanapun, NaN dinilai sebagai palsu.
Kecuali perkara di atas, semua nilai lain dinilai sebagai benar.

Contoh 2. && (dan)

Jangan lakukan ini:

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

Ganti ini dengan:

Salin kod Kod adalah seperti berikut:

fungsi ialah Dewasa(umur) {
kembali umur && umur > }

Analisis:

Operator&& menilai ungkapan dari sebelah kiri Jika ungkapan di sebelah kiri dinilai sebagai palsu, ia serta-merta mengembalikan palsu, tidak kira sama ada ungkapan di sebelah kanan adalah benar.

Jika ungkapan di sebelah kiri adalah benar, teruskan menilai ungkapan di sebelah kanan, dan kemudian kembalikan hasil ungkapan di sebelah kanan
Ini semakin menyeronokkan

Contoh 3.

Jangan lakukan ini:

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

Ganti ini dengan:

Salin kod Kod adalah seperti berikut:

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

Analisis:

Jika Nama pengguna adalah benar, panggil fungsi logMasuk dan hantar pembolehubah Nama pengguna

Jika Nama pengguna palsu, panggil fungsi logMasuk tanpa menghantar sebarang pembolehubah

Contoh 4.
Jangan lakukan ini:

var userID;

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

Ganti ini dengan:

Salin kod Kod adalah seperti berikut:

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

Analisis:

Jika UserName adalah benar, hubungi user.loggedIn dan semak sama ada user.loggedIn adalah benar; jika ia kembali benar, kembalikan nilai pulangan bagi ungkapan ketiga

Jika Nama pengguna kosong, kembalikan null

Di atas ialah petua JavaScript pertama yang dikongsi dengan anda dalam artikel ini.