Petua avascript yang Perlu Anda Ketahui

Ditulis oleh Joab Chua

1. Console.log

• Tambah warna pada log konsol anda

Berhenti melakukan ini sahaja! ❌

Cuba ini sebaliknya. ✅

Tetapi jika anda mempunyai pelbagai objek, cuba ini akan menjadi lebih baik ?

Jika anda ingin mengukur kelajuan operasi tertentu berjalan dalam kod anda, cuba ini.

Lakukan console.time dan console.timeEnd untuk mengukur masa yang diambil dalam konsol penyemak imbas.
Akhir sekali, jika anda ingin menjejaki kod anda dan turutan pelaksanaannya, cuba ini.

Anda akan dapat melihat banyak maklumat yang anda perlukan untuk nyahpepijat aplikasi anda.

2. Penyahstrukturan objek

Adakah ia berlaku kepada anda sebelum ini bahawa anda hanya memerlukan beberapa pembolehubah dalam objek tetapi anda sedang melewati objek penuh dan menggunakannya dengan cara konvensional ini?

Berulang kali menggunakan pengisytiharan objek manusia dalam fungsi anda? jangan buat ini. Sebaliknya, gunakan penstrukturan objek ES6. ✅

Nyahstruktur pembolehubah yang anda perlu gunakan dalam argumen fungsi. Sebagai alternatif, anda boleh menyahstruktur dalam fungsi itu sendiri.

3. Templat Literal

❌ Jangan lakukan ini apabila anda cuba menyusun pembolehubah anda dengan rentetan.

Lakukan ini sebaliknya. ✅

4. Operator sebaran

Katakan anda mempunyai 2 objek dan anda ingin menggabungkannya atau menetapkan beberapa sifat 1 objek kepada yang lain. Secara tradisinya, kami akan melakukan ini.

Secara teknikalnya tidak ada yang salah dengan itu, kecuali anda sebenarnya mengubah objek anda. Cuba ini sebaliknya. ✅

Perkara terbaik pengendali penyebaran ialah ia berfungsi untuk tatasusunan juga. ?
Daripada ini.

Lakukan ini sebaliknya.

5. gelung

Adakah anda bersalah melakukan gelung dengan cara ini untuk mengira jumlah kos dalam tatasusunan? Berhenti melakukan ini. ❌

Mula ubah gaya anda kepada ini.

Bersih dan kurus. Kerja selesai! ✅

Ringkasan

Semoga beberapa petua ini akan membimbing anda untuk menulis kod yang lebih baik, bersih dan lebih ramping.

Ditaja oleh MarsCode
Selamat datang untuk menyertai Discord kami untuk membincangkan idea anda dengan kami.

MarsCode Ikuti

MarsCode menyediakan IDE berkuasa AI dan sambungan AI untuk membantu tugas pengaturcaraan anda.

Atas ialah kandungan terperinci Petua avascript yang Perlu Anda Ketahui. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!