JavaScript Numeric Separator (\_)

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.

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

Kadang, saya cuma butuh satu hasil sukses dari beberapa operasi asinkron, bukan semua. Kalau pakai Promise.all(), mesti tunggu semuanya atau error. Nah, Promise.any() bikin hidup lebih gampang: selesai segera begitu ada satu promise yang berhasil. Apa Itu Promise.any()? Promise.any() menerima iterable promise, dan: Resolve saat ada satu promise yang berhasil. Reject hanya kalau semua promise gagal, dengan AggregateError. Copy Promise.any([promise1, promise2, promise3]); Contoh Penggunaan 1. Basic Example