Operator Optional Chaining (?.) di JavaScript: Mengakses Properti dengan Aman

JavaScript Number memiliki batas aman (2^53 - 1) untuk integer. Kalau kamu butuh angka lebih besar atau presisi tinggi, BigInt solusinya. 1. Membuat BigInt Copy const bigNumber1 = 123456789012345678901234567890n; // literal const bigNumber2 = BigInt("123456789012345678901234567890"); // constructor 2. Operasi Dasar BigInt mendukung operasi aritmatika: Copy const a = 12345678901234567890n; const b = 98765432109876543210n; console.log(a + b); // 111111111011111111100n console.log(b / a); // 5n (dibulatkan ke nol) 3. Perbandingan Copy console.log(1000n < 2000n); // true console.log(1000n === 1000n); // true 4. Konversi dengan Number Copy const num = 42; const bigIntFromNum = BigInt(num); // 42n Copy const bigIntVal = 12345678901234567890n; const numberVal = Number(bigIntVal); // Hati-hati, bisa kehilangan presisi 5. Hal yang Perlu Diperhatikan Tidak bisa dicampur langsung dengan Number: konversi harus eksplisit. Operasi lebih lambat dibanding Number. JSON: gunakan toString() sebelum serialisasi. Copy JSON.stringify({ value: 9007199254740991n.toString() }); // '{"value":"9007199254740991"}' 6. Kapan Gunakan BigInt? Kriptografi Komputasi ilmiah dengan angka besar Aplikasi finansial untuk angka presisi tinggi 7. Dukungan Browser Didukung di Chrome 67+, Firefox 68+, Safari 14+, Edge 79+. Tidak ada di Internet Explorer.

JavaScript ?? (Nullish Coalescing Operator) memudahkan penanganan null dan undefined, memberikan default value secara aman tanpa memengaruhi falsy values lain seperti 0 atau ''. 1. Dasar Penggunaan Copy let username = null; let name = username ?? 'Guest'; console.log(name); // Guest Mengembalikan operand kanan hanya jika kiri null atau undefined. 2. Perbedaan ?? vs || Copy let count = 0; console.log(count || 10); // 10 → 0 dianggap falsy console.log(count ?? 10); // 0 → 0 bukan null/undefined 3. Default Function Arguments Copy function getPrice(price, discount) { discount = discount ?? 0; return price - (price * discount); } console.log(getPrice(100, 0)); // 100 console.log(getPrice(100, null)); // 100 4. Chaining ?? Copy let val = undefined ?? null ?? 'Default'; console.log(val); // Default 5. Kombinasi dengan Optional Chaining Copy let user = { profile: { name: 'Alice' } }; let bio = user.profile?.bio ?? 'Bio not available'; console.log(bio); // Bio not available 6. Perhatian Harus gunakan parentheses saat dicampur || atau &&: Copy let value = (0 || undefined) ?? 'fallback'; // Benar // 0 || undefined ?? 'fallback'; → Error 7. Dukungan Browser Chrome 80+, Firefox 72+, Safari 13.1+, Edge 80+ Tidak didukung di Internet Explorer Kesimpulan ?? membantu membedakan nullish dari falsy lain, membuat kode lebih bersih, aman, dan mudah dibaca.

JavaScript Numeric Separator (_) membuat angka besar lebih mudah dibaca dengan menambahkan underscore di antara digit. Nilai angka tidak berubah; ini hanya untuk kenyamanan visual. 1. Contoh Dasar Copy const million = 1_000_000; console.log(million); // 1000000 2. Menggunakan pada Desimal Copy const pi = 3.141_592_653; console.log(pi); // 3.141592653 3. Binary, Octal, dan Hexadecimal Copy const bin = 0b1010_1011; // 171 const hex = 0xFF_FF_FF; // 16777215 const oct = 0o123_456; // 42798 4. Aturan Penggunaan _ hanya boleh di antara digit. Tidak boleh di awal/akhir angka, di dekat titik desimal, atau berturut-turut. Contoh Salah:

Kadang saya harus nge-parse string kompleks yang punya pola berulang, misal tanggal atau harga produk. Sebelumnya ribet banget kalau mau ambil semua grup dengan nama sama. Untungnya, JavaScript sekarang punya d modifier untuk RegExp yang bikin hidup lebih gampang. Apa Itu d Modifier? Modifier d (duplicate capturing group names) memungkinkan kita menangkap semua kemunculan dari grup bernama yang sama, bukan cuma yang terakhir. Cocok banget kalau pola berulang harus dianalisis atau debug.

Saya dulu suka ribet kalau harus ngecek kondisi sebelum assign variabel. Untungnya, JavaScript punya operator &&= yang bikin semuanya lebih ringkas. Gini deh, kalau variabelnya truthy, dia bakal di-update, kalau falsy, tetap aman. Sintaks Dasar Copy variable &&= value; Artinya: assign value ke variable hanya kalau variable truthy. Kalau falsy, dia tetap sama.

Kadang, saya harus nge-handle banyak operasi asinkron sekaligus, ribet kalau salah satu gagal dan bikin seluruh proses berhenti. Nah, Promise.allSettled() hadir buat ngeatasi masalah itu. Dengan ini, kita bisa tahu hasil semua promise, entah sukses atau gagal, tanpa bikin aplikasi berhenti tiba-tiba. Apa Itu Promise.allSettled()? Promise.allSettled() menerima iterable (misal array) berisi promise, lalu mengembalikan satu promise yang selesai setelah semua promise di dalamnya terselesaikan, baik fulfilled maupun rejected. Copy Promise.allSettled([promise1, promise2, promise3]); Hasilnya berupa array objek { status, value/reason }.