JavaScript adalah salah satu bahasa paling dinamis di luar sana. Beberapa fitur ditambahkan untuk membuat bahasa lebih mudah dikelola dan praktis setiap tahun
Dalam posting blog ini, kita akan melalui beberapa fitur terbaru yang ditambahkan ke bahasa dan beberapa trik yang dapat Anda gunakan dalam perjalanan pengkodean harian yang akan membantu membuat Anda lebih baik dalam pengkodean JavaScript
Menulis posting blog ini memungkinkan saya untuk membagikan beberapa konsep yang saya pelajari selama beberapa tahun terakhir yang diringkas menjadi satu tempat
Merusak tugasPenugasan destrukturisasi memungkinkan mengubah nama variabel yang diekstrak dari objek melalui destrukturisasi
Merusak tugasTugas penghancuran bisa sangat berguna saat Anda mengubah nama variabel untuk memberikan lebih banyak konteks ke bagian tertentu dari kode
Namun, akan lebih baik untuk tidak menggunakan penugasan destrukturisasi setiap saat karena lebih baik Anda memberi nama variabel Anda dengan benar pada kali pertama.
Tapi itu akan membantu jika Anda malah ingin memberikan konteks tambahan ke bagian tertentu dari kode
Rangkaian opsionalRangkaian opsional ada dalam bahasa lain seperti Swift. Itu mengizinkan akses ke properti atau metode dari objek tanpa melempar jika, karena alasan tertentu, tidak tersedia. JavaScript bukan bahasa yang diketik, jadi mengakses properti yang tidak tersedia adalah sumber umum masalah tradisional
Rangkaian opsionalNamun, menggunakan rangkaian opsional melalui kata kunci ? memungkinkan kita menghindari lemparan
Contoh rangkaian opsionalKemudian, dengan menerima undefined sebagai nilai default, kami memiliki kebebasan sepenuhnya untuk menggunakan hal lain yang membuat aplikasi tetap sehat
Operator penggabungan sangat bagus untuk digunakan dengan rangkaian opsional untuk menyetel nilai default. Dengan demikian, Anda dapat menggunakan kode di bawah ini untuk menggunakan nomor telepon default yang merupakan string kosong
Menggabungkan operatorOperator penggabungan adalah operator yang mengembalikan operator kanannya ketika operator kiri adalah null atau undefined. Operator penggabungan telah dibuat untuk mengatasi masalah umum dengan JavaScript terkait nilai kebenaran dan kesalahan
Memang, misalnya, angka 0 dianggap sebagai nilai salah dalam waktu proses JavaScript. Namun, terkadang nilai 0_ dalam logika aplikasi Anda harus dilihat sebagai nilai valid yang akan kami gunakan
Sebagai contoh
Contoh operator penggabungan Menambahkan properti ke objek secara kondisionalPernahkah Anda ingin menambahkan properti ke objek JavaScript tetapi hanya jika beberapa persyaratan terpenuhi?
Jika Anda mengalami situasi itu, kode yang mungkin Anda hasilkan bisa sangat bertele-tele karena diperlukan dua pernyataan if. Namun, ada trik JavaScript yang memungkinkan kita untuk menghilangkan pernyataan tambahan yang akan kita tulis
Menambahkan properti secara kondisional ke objekIni dia. Kami hanya menambahkan properti moreInfos_ hanya ketika nilai variabel berbeda dari undefined
Kami memanfaatkan sintaks penyebaran (…) untuk menyebarkan objek { moreInfos } dan menggunakan operator AND yang mengizinkan kami mengembalikan nilai kedua dari kondisi saat yang pertama dievaluasi menjadi true
Contohnya
Namun, sintaks itu harus digunakan dengan hati-hati, karena kadang-kadang, ekspresinya tidak terlalu mudah dibaca tergantung pada kompleksitas kondisi dan verbositas objek yang ingin kita sebarkan.
Referensi untuk nilai non-primitifSeperti bahasa pemrograman apa pun, ini mengandung nilai primitif dan non-primitif. Dalam JavaScript, nilai primitif adalah Number, String, Boolean, Undefined, Symbol, dan BigInt. Tipe data lain diteruskan dengan referensi, yang berarti variabel diberikan bukan hanya salinan
Sebagai contoh
Referensi untuk nilai non-primitifKarena Anda meneruskan variabel itu sendiri, alamat dalam memori diteruskan. Kemudian, di mana pun Anda memiliki alamat variabel tersebut, Anda dapat memperbaruinya, dan perubahan akan menyebar ke bagian lain dari kode di mana variabel ini memiliki alamat yang sama dengan variabel yang baru saja Anda ubah.
JavaScript adalah bahasa pemrograman tingkat tinggi, artinya kurang dekat dengan mesin, dan memori ditangani untuk kita. Jadi, Anda harus berhati-hati saat ingin mewariskan nilai non-primitif JavaScript ke fungsi karena jika Anda memutasikannya dan jika Anda tidak mengetahui perilaku ini, masalah yang tidak diharapkan dapat terjadi
Memeriksa nilai pengembalian metodeIni mungkin terdengar jelas, tetapi kita harus selalu memeriksa nilai kembalian fungsi, terutama dari pustaka standar. Saya telah melihat banyak masalah yang disebabkan oleh ini. Misalnya, jika Anda ingin mencari dalam koleksi, sebuah objek berkat beberapa propertinya
Memeriksa nilai pengembalian metodeTetapi untuk beberapa alasan, jika objek yang Anda cari tidak tersedia, Anda akan mendapatkan variabel yang disetel ke hal-hal yang tidak terduga. Itu cara terbaik untuk membuat kesalahan. Itu sebabnya Anda harus selalu memeriksa nilai pengembalian fungsi
Anda dapat menerapkan rekomendasi itu ke semua bahasa pemrograman di dunia
Menangkap melempar async/menunggu janji dengan catch helperMenggunakan null_0 sangat kuat untuk menulis kode yang bersih dan dapat dibaca untuk menghindari mengubah kode menjadi gaya panggilan balik neraka. Namun cara penanganan kasus error tersebut memang berbeda dengan metodenull1 yang berubah menjadi null2
Ini adalah trik praktis yang saya temukan untuk membantu menangani kondisi melempar janji
Melakukan hal itu membantu untuk tetap dalam keadaan tanpa kesalahan yang sama daripada masuk ke null3 dari null2
Dalam beberapa situasi, ini dapat sangat membantu jika Anda ingin mengontrol beberapa status kesalahan tertentu yang mungkin Anda harapkan
Peta lemahTerakhir, null_5adalah struktur data yang kurang dikenal dan jarang digunakan dalam JavaScript, tetapi menurut saya cukup menarik untuk membicarakannya. Ini adalah struktur data hashmap klasik dengan penyimpanan kunci/nilai. Namun, satu-satunya perbedaan adalah bahwa entri dihapus secara otomatis dari objek peta ketika tidak ada titik referensi di memori. Tetapi juga, kuncinya bisa berupa tipe objek apa pun, yang berarti Anda dapat mengambil nilai yang terkait dengan kunci dengan melewati seluruh objek. Itu mencari alamat di memori untuk mengambil yang bagus. Pembersihan ini disebut mekanisme pengumpul sampah
null5 dapat digunakan dalam aplikasi yang kekurangan memori, seperti perangkat tersemat di mana sumber daya sangat berharga
Contoh LemahMapAgak sulit untuk memvisualisasikan dengan benar. Namun, Anda dapat mencoba menggunakan konsol chrome
Intisari kecil yang saya buat akan membantu kita dalam hal itu
Saya harap Anda menemukan artikel itu bermanfaat, jangan ragu untuk memberikan umpan balik bagi saya untuk memperbaiki makalah ini
Terima kasih atas perhatian Anda
Lebih banyak cerita dapat ditemukan di blog pribadi saya. https. //aku. paulrossthings. com/
Bit. Rasakan kekuatan dev berbasis komponenUcapkan hai pada Bit. Ini adalah alat #1 untuk pengembangan aplikasi berbasis komponen
Dengan Bit, Anda bisa membuat bagian apa pun dari aplikasi Anda sebagai "komponen" yang dapat disusun dan digunakan kembali. Anda dan tim Anda dapat berbagi toolbox komponen untuk membangun lebih banyak aplikasi lebih cepat dan konsisten bersama