JavaScript adalah bahasa yang dikenal karena keanehan dan jebakannya. Salah satu kesalahan paling umum dalam JavaScript adalah kesalahan "Tidak dapat membaca properti 'x' yang tidak terdefinisi" yang terkenal. Anda tahu satu. Anda mencoba mengakses properti dari suatu objek, dan di suatu tempat di sepanjang jalan, salah satu properti perantara adalah null atau tidak terdefinisi. Dan kemudian, JavaScript cocok dan merusak kode Anda.

Nah, JavaScript akhirnya memutuskan untuk menunjukkan sedikit belas kasihan. Operator Opsional Chaining, yang diperkenalkan di ECMAScript 2020, hadir untuk menghemat hari. Dengan Opsional Chaining, Anda sekarang dapat mengakses properti dan metode bersarang dari suatu objek tanpa harus khawatir tentang nilai-nilai yang tidak terdefinisi.

Mari kita lihat contoh untuk melihat cara kerja Optional Chaining:

const user = {
  name: "John",
  address: {
    street: "123 Main St",
    city: "Anytown",
    state: "CA",
  },
};

const zipCode = user.address?.zipCode;

Jadi, alih-alih melempar kesalahan, zipCodevariabel akan diberikan undefined. Tidak ada salahnya, tidak busuk.

Tapi itu tidak semua yang bisa dilakukan oleh Chaining Opsional.

Anda juga dapat menggunakannya untuk memanggil metode pada objek yang mungkin ada atau tidak ada:

const user = {
  name: "John",
  getAddress() {
    return this.address;
  },
};

const city = user.getAddress()?.city;

Kesimpulan:

Opsional Chaining mungkin tampak seperti tambahan kecil untuk JavaScript, tapi ini masalah besar bagi developer. Ini membantu membuat kode kita lebih tahan terhadap kesalahan dan lebih mudah dibaca. Tidak ada lagi rangkaian pemeriksaan nol dan pernyataan if yang tidak ada habisnya. Tidak ada lagi air mata yang ditumpahkan atas nilai-nilai yang tidak ditentukan.

Jadi mari kita semua mengangkat gelas ke Optional Chaining, pahlawan yang kita tidak tahu kita butuhkan. Bersorak untuk membuat JavaScript sedikit lebih kejam, satu properti opsional pada satu waktu.

——————————————————————————————————————

Jika Anda sudah sampai di sini, saya hanya ingin mengungkapkan bahwa artikel ini sepenuhnya dibuat oleh AI. Ya. Gambar dibuat oleh OpenAI DALL.E 2 dan kontennya dibuat oleh ChatGPT. Saya baru saja memberikan pernyataan berikut ke chatgpt dan menghasilkan artikel ini dalam beberapa detik:

artikel tentang rangkaian opsional javascript dengan cara yang lucu dengan contoh kode dan kesimpulan di bagian akhir

Saya tidak ingin menjiplak atau memiliki niat lain, saya telah menulis di media selama bertahun-tahun. Artikel ini diterbitkan hanya untuk mencoba ChatGPT untuk pembuatan konten dan untuk mengetahui tanggapannya. Jadi bertepuk tangan jika Anda menemukan artikel ini bermanfaat dan sama-sama kagum dengan kekuatan AI generatif. Saya sangat menghargai tanggapan Anda terkait artikel, AI generatif, dan bagaimana hal itu akan mengubah dunia kita di tahun-tahun mendatang.