Ucapkan selamat tinggal pada praktik javascript yang buruk

Nov 29 2022

Ketika kami mengambil langkah pertama kami ke dunia pemrograman yang luar biasa, kami dapat melihat sendiri apa yang dilakukannya untuk jutaan orang. Berkat pemrograman, hidup banyak orang menjadi lebih mudah, hanya dengan menekan beberapa tombol di perangkat mereka (Ini ajaib).

Pemrograman adalah jenis kekuatan super lainnya, tetapi seperti yang dikatakan Paman Ben kepada keponakannya, Peter Parker, "Dengan kekuatan besar datanglah tanggung jawab yang besar." Dalam dunia pemrograman, tanggung jawab terbesar kita adalah memastikan bahwa kode yang kita tulis dapat diuji dengan mudah dan akan tetap dapat dipertahankan dari waktu ke waktu.

Ada beberapa praktik kecil dalam pemrograman yang dapat terus berdampak negatif pada kode yang kita tulis dan produk yang kita buat sebagai hasil akhirnya. Saya telah mengalami masalah ini secara langsung. Penting untuk membagikan apa itu dan mengapa Anda harus menghindarinya dengan cara apa pun.

1. Menggunakan var sebagai ganti let dan const

Saatnya untuk mengucapkan selamat tinggal menggunakan var.

Anda sebaiknya hanya menggunakan let dan const karena alasan berikut:

● Cakupan lebih jelas (di antara kawat gigi).

● Itu tidak membuat objek global.

● Menandai kesalahan jika Anda mendeklarasikannya ulang.

Kecuali jika Anda menggunakan peramban lama seperti IE11 tercinta, Anda sebaiknya melepaskan var. Biarkan dan const akan menjadi teman terbaik Anda ke depan.

2. Menggunakan komentar untuk menjelaskan kode

Komentar adalah bagian mendasar ketika kita membangun perangkat lunak, mereka membantu kita untuk sedikit lebih memahami kode yang kita baca, tetapi kita tidak boleh jatuh ke dalam kesalahan dalam menjelaskan langkah demi langkah apa yang dilakukan kode kita, kita harus membuat kode yang mudah untuk baca dan komentar seharusnya hanya memberikan konteks.

Berikut adalah beberapa tips dan pengingat untuk membantu Anda menulis komentar kode seperti seorang profesional:

● Hindari redundansi dalam komentar Anda; jangan menulis apa yang Anda lakukan, tulislah mengapa Anda melakukannya.

● Nama variabel/fungsi/kelas deskriptif lebih baik daripada komentar deskriptif.

● Buat ringkasan sebanyak mungkin; jangan menulis paragraf jika tidak benar-benar diperlukan.

● Usahakan untuk selalu menggunakan bahasa dan gaya komentar yang sama.

● Seiring waktu, komentar biasanya tidak dipertahankan (dimodifikasi) kode.

3. Menggunakan == bukan ===

Hal pertama yang harus dipahami adalah meskipun secara visual sangat mirip, mereka melakukan hal yang berbeda: yang pertama disebut operator persamaan reguler (==) dan yang kedua disebut operator persamaan ketat (===).

Operator kesetaraan reguler (==) hanya memeriksa apakah operannya serupa, yang dapat menyebabkan beberapa kejutan yang tidak menyenangkan.

Operator persamaan yang ketat (===) selalu memeriksa bahwa operan memiliki jenis dan nilai yang berbeda dan keduanya persis sama.

4. Lupa menggunakan rangkaian opsional

Operator rantai opsional (?), memungkinkan Anda membaca nilai properti yang terletak jauh di dalam rantai objek yang terhubung tanpa harus memeriksa setiap referensi dalam rantai.

Ini membantu kami menghindari kesalahan saat mencoba mengakses properti yang tidak ada. Sebagai contoh, katakanlah kita memiliki objek Pokémon yang berisi informasi dari Pokémon tersebut.

Ketika kita ingin mengakses properti yang tidak ditentukan, seperti dalam contoh ini, mengakses properti 'serangan' Javascript akan menghasilkan kesalahan, dan aplikasi kita akan rusak. Saat menggunakan rangkaian opsional (?), Javascript akan memberi tahu kami bahwa properti tidak ditentukan tetapi tidak akan menghasilkan kesalahan apa pun. Memikirkan jenis kesalahan yang terkadang di luar kendali kami ini membuat perbedaan besar dalam jangka panjang.

5. Tidak menggunakan magic string dan magic number

Angka ajaib atau string ajaib adalah angka atau string yang digunakan langsung dalam kode yang seringkali tidak memiliki konteks yang jelas tetapi memiliki tujuan. Yang terbaik adalah menetapkan nilai ini ke konstanta, karena dapat menjadi sulit untuk dipahami dan di-debug jika tidak.

6. Menangani kesalahan panggilan API dengan tidak tepat

Kita harus selalu menangani error dengan try/catch di async/wait.

Jika kita tidak menangani kesalahan pada promise kita, kemungkinan besar aplikasi kita akan meledak, dan percayalah, kita tidak ingin itu terjadi.

7. Menggunakan objek sebagai parameter tunggal

Saat mendeklarasikan fungsi di mana beberapa nilai diharapkan dari suatu objek, yang terbaik adalah menggunakan beberapa parameter input daripada input objek tunggal. Ini membantu kami dalam beberapa hal:

Pertama, ini membuat kode kita lebih mudah dibaca dengan mengetahui dari awal parameter apa yang dibutuhkan fungsi kita.

Kedua, ini membuat fungsi lebih mudah untuk diuji, dan kedua hal ini bersama-sama membantu produk kami dapat dipertahankan dari waktu ke waktu. Selain itu, sebagai nilai tambah, ini meningkatkan performa aplikasi kita karena menghindari pengumpulan sampah atau membuat parameter objek yang tidak perlu.

Kelebihan lainnya adalah jika Anda menggunakan TypeScript dan Anda memiliki beberapa parameter, akan lebih mudah untuk menentukan antarmuka parameter untuk mendapatkan keuntungan dari pengecekan tipe dan saran otomatis yang membuat kita terhindar dari kesalahan.

8. Melupakan kekuatan singkatan

Kita semua berada dalam posisi bertanya-tanya apakah ada variabel atau apakah itu berisi semacam nilai selain nol atau tidak terdefinisi. Karena itu, kami sering melakukan validasi super panjang jenis ini:

Singkatan membantu kita menghindari masalah ini. Dengan cara yang lebih sederhana dan elegan, kode di atas dapat direduksi menjadi seperti berikut:

Kesimpulan

Menulis kode yang bersih akan selalu menjadi tanggung jawab kami. Dalam pengalaman saya sebagai pengembang, saya telah belajar bahwa memiliki kode yang dapat dipelihara dan mudah dibaca akan menghemat banyak waktu bagi Anda dan tim.

Ingatlah bahwa kita menghabiskan lebih banyak waktu untuk membaca kode daripada menulisnya. Saya harap tip kecil ini akan memudahkan tugas Anda untuk menciptakan produk yang ajaib dan menakjubkan.