avaScript Satu Pelapik Yang Akan Menjadikan Anda Kelihatan Seperti Pro

Hari ini kita akan bercakap tentang beberapa helah hebat JavaScript. Ini bukan sahaja godaman kod rawak – ia adalah penyelesaian sebenar yang boleh membersihkan pengaturcaraan anda dengan serius.

1. Shorthand Harta Objek

Ingat hari JavaScript zaman dahulu apabila kami menulis setiap harta?

const name = 'Sarah';
const age = 28;
const user = { name: name, age: age };

Berikut ialah cara yang lebih baik untuk melakukannya:

const user = { name, age };

Tiada adalah garisan kikuk yang anda akan ulangi sendiri.

2. Menukar Pembolehubah Tanpa Pembolehubah Sementara

Perlu menukar dua pembolehubah? Gunakan ini:

[a, b] = [b, a];

Kali pertama anda melihat ini, anda akan melakukan pengambilan dua kali. Pemusnahan tatasusunan menukar pertukaran berubah menjadi sesuatu yang kelihatan hampir terlalu bagus untuk menjadi kenyataan. Tiada pembolehubah temp, tiada logik kompleks – hanya kod tulen dan elegan.

3. Operator Penggabungan Nullish: Rakan Karib Baru Anda

Ingat menulis semakan nilai lalai yang panjang itu?

const userPreference = input !== null && input !== undefined ? input : 'default';

Begini cara kanak-kanak hebat melakukannya sekarang:

const userPreference = input ?? 'default';

Si kecil ini?? operator telah menyelamatkan saya daripada banyak sakit kepala. Ia hanya kembali kepada lalai apabila nilainya batal atau tidak ditentukan – bukan apabila nilai itu 0 atau rentetan kosong.

4. Deduplikasi Susunan Tertinggi

Jika anda ingin menjadikan tatasusunan anda unik, lakukan ini:

const unique = [...new Set(array)];

Jika sebelum ini kami menggunakan gelung tetapi sekarang saya hanya tersenyum dan menyebarkan Set itu pada bila-bila masa saya memerlukannya.

5. Menukar kepada Boolean Seperti Bos

Daripada menulis nilai === benar atau Boolean(nilai).

Inilah cara yang pasti lebih baik:

const isTrue = !!value;

Tanda seru berganda itu mungkin kelihatan seperti anda sangat teruja dengan sesuatu, tetapi ia sebenarnya melakukan paksaan jenis yang bijak.

6. Penukaran Nombor Pantas Yang Sebenarnya Masuk Akal

Jika anda ingin menukar rentetan kepada nombor? Lupakan parseInt() seketika, gunakan ini sebaliknya:

const number = +'42';

Tanda tambah yang kesepian itu sedang melakukan semua kerja berat di sini dan ia menukar nombor rentetan kepada nombor dengan tepat.

7. Operator Lancar (Perantaian Pilihan)

Jangan lakukan ini lagi:

const userCity = user && user.address && user.address.city;

Cara yang lebih baik:

const userCity = user?.address?.city;

Yang ini terasa seperti JavaScript akhirnya memahami kesakitan kami dan memutuskan untuk melakukan sesuatu mengenainya.

Garis Bawah

Pintasan pengekodan mewakili lebih daripada ketukan kekunci yang lebih sedikit.

Ia adalah tentang menulis perisian yang lebih bijak dan lebih disengajakan. Teknik ini memisahkan pembangun purata daripada pengkod yang hebat. Gunakannya dengan bijak, berhemat dan dengan tujuan.

Kod yang hebat menceritakan kisah. Ia harus jelas, berkuasa dan elegan. Jangan hanya mengejar singkat – kejar pemahaman.

Itu sahaja, sekarang beritahu saya apakah helah JavaScript kegemaran anda?

Kongsi dengan saya walaupun anda tahu sebelum anda membaca artikel ini.

Atas ialah kandungan terperinci avaScript Satu Pelapik Yang Akan Menjadikan Anda Kelihatan Seperti Pro. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!