Hallo sahabat dumenity berjumpa lagi dalam tutorial dumetschool, pada tutorial kali ini kita akan belajar tentangĀ Katakunci with dalam Javascript. Katakunci with
dipakai sebaagi jalan pintas untuk mereferensi properti atau metode sebuah objek. Objek yang ditetapkan sebagai argumen dari katakunci with menjadi objke terkini pada blok yang mengikutinya.

Properti dan metode dari objek dapat dipakai tanpa perlu menamai objek atau sintaksis dot. Jalan pintas ini memang menghemat waktu pengetikan, tetapi ia juga menyebabkan Javascript lebih lambat dieksekusi karena ia harus memeriksa setiap varibel di dalam blok with untuk melihat variabel tersebut properti dari objek yang direferensi atau tidak. Sebagai contoh format berikut ini:

Format

Contoh:

Berikut ini saya beriikan tentang cara penggunaan katakunci with dalam javascript, simak di bawah ini:

Oke saya akan menjelaskan dari script di atas:

  1. fungsi konstruktor buku didefinisikan dengan properti – propertinya.
  2. objek buku dideskripsikan dengan tiga properti: judul, pengarang, dan penerbit
  3. properti objek bukuĀ  ditugasi nama dari sebuah fungsi. properti ini akan berperan sebagai metode objek.
  4. fungsi tampil() didefinisikan.
  5. katakunci with dipakai untuk mereferensi properti – properti objek tanpa menggunakan nama objek dan dot.
  6. variabel info ditugasi nilai – nilai properti dari objek buku
  7. katakunci with dipakai untuk menetapkan properti nama tanpa menggunakan referensi terhadap objek(dan dot)
  8. kotak alert menampilkan properti – properti dari objek buku.
  9. fungsi konstruktor di panggil dan menghasilkan sebuah instans dari objek buku baru yang diberi nama bukuAnak.
  10. fungsi konstruktor dipanggil dan menghasilkan sebuah instans dari objek buku lain yang diberi nama bukuDewasa.
  11. metode tampil() dipanggil untuk objek bukuAnak.
  12. metode tampil() dipanggil untuk objek bukuDewasa.

Dan dari script di atas akan menghasilkan sebuah output seperti di bawah ini:

Untuk tampilan bukuAnak:

Katakunci with dalam Javascript

dan untuk kategori bukuDewasa:

Katakunci with dalam Javascript

OKe bagaimana sahabat dumenity tentang Katakunci with dalam Javascript cukup mudah bukan, oke semoga bermanfaat.