Cara menggunakan blog javascript tingkat lanjut

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

Penugasan destrukturisasi memungkinkan mengubah nama variabel yang diekstrak dari objek melalui destrukturisasi

Tugas 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 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

Namun, menggunakan rangkaian opsional melalui kata kunci ? memungkinkan kita menghindari lemparan

Kemudian, 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

Operator 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

Pernahkah 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

Ini 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.

Seperti 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

Karena 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

Ini 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

Tetapi 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

Menggunakan 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

Terakhir, 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

Agak 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/

Ucapkan 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

Bagaimana JavaScript berjalan?

Apakah JavaScript cocok untuk pemula?

JavaScript bisa digunakan untuk apa?

Bisakah JavaScript membuat game?