4 Petua untuk Menulis Kod JS Pendek dan Ringkas (Kongsi)

Bagaimana untuk membuat kod JS ditulis lebih pendek? Artikel berikut akan berkongsi dengan anda 4 petua untuk menulis kod JS yang ringkas dan padat Saya harap ia akan membantu anda!

Litar pintas

Operator logik 与(&&) dalam Javascript boleh menghasilkan litar pintas, seperti

console.log(true && 0 && 2); // 0
console.log(true && 'test' && 2) // 2

Iaitu, kod pergi dari kiri ke kanan Jika ia menemui undefined, null, 0, dsb., ia akan ditukar kepada nilai false dan tidak akan terus dijalankan. .

x == 0 && foo()
// 等价于
if( x == 0 ){
  foo()
}

Pengendali penghakiman rantai '?'

Andaikan ada objek

const student = {
    name : {
      firstName : 'Joe'
  }
}

Kami mahu melakukan sesuatu jika nama pertama wujud Perkara , kita perlu menyemak

if(student && student.name && student.name.firstName){
    console.log('student First name exists')
}

lapisan demi lapisan Pengendali penghakiman rantaian akan berhenti apabila nilai tidak dapat diperoleh pada lapisan tertentu dan kembali tidak ditentukan

if(student?.name?.firstName){
    console.log('student First name exists')
}

Null. pengendali penggabungan nilai '??'

Kami kadangkala menggunakan operasi ternary untuk memudahkan if...else... atau mengembalikan nilai lalai

const foo = () => {
    return student.name?.firstName 
        ? student.name.firstName 
        : 'firstName do not exist'
}
console.log(foo())

dalam kes ini, Kami boleh memudahkan lagi kod melalui penggabungan nilai nol.

const foo = () => {
    return student.name?.firstName ?? 'firstName do not exist'
}
console.log(foo())

sangat serupa dengan pengendali atau ||, tetapi ?? hanya berfungsi untuk undefined dan null, yang boleh mengelakkan masalah nilai 0

Cuba elakkan if else bersarang

Contohnya,

const foo = () => {
    if(x<1) {
      return &#39;x is less than 1&#39;
    } else {
      if(x > 1){
          return &#39;x is greater than 1&#39;
      } else {
          return &#39;x is equal to 1&#39;
      }
  }
}

Dengan mengalih keluar keadaan else, if else bersarang boleh menjadi kurang rumit , kerana Penyataan pemulangan akan menghentikan pelaksanaan kod dan mengembalikan fungsi

const foo = () => {
    if(x<1){
        return &#39;less than 1&#39;
    }
    if(x>1){
        return &#39;x is greater than 1&#39;
    }
    return &#39;x is equal to 1&#39;
}

Kod yang baik tidak semestinya sesingkat mungkin Kadangkala kod yang terlalu diperkemas akan menjadikan proses penyahpepijatan lebih menyusahkan. jadi boleh dibaca Seks adalah perkara yang penting, terutamanya apabila bekerja dengan berbilang orang.

Untuk lebih banyak pengetahuan berkaitan pengaturcaraan, sila lawati: Pengenalan kepada Pengaturcaraan! !

Atas ialah kandungan terperinci 4 Petua untuk Menulis Kod JS Pendek dan Ringkas (Kongsi). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!