Katakunci with dalam Javascript

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

with (objek){<properti - properti yang dipakai tanpa nama objek dan dot>}

Contoh:

with (karyawan){
document.write(nama, ktp, alamat);}

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

<!DOCTYPE html>
<html>
<head>
	<title> Katakunci with dalam Javascript</title>
	<script type="text/javascript">
		function buku(judul, pengarang, penerbit){
			this.judul = judul; //properti-properti
			this.pengarang = pengarang;
			this.penerbit = penerbit;
			this.tampil = tampil; //mendefinisikan sebuah metode
		}
		function tampil(){
			with(this){//katakunci with dengan this
				var info = "Judul: " + judul;
				info += "\nPengarang:"+ pengarang;
				info += "\nPenerbit " + penerbit;
				alert(info);
			}
		}
	</script>
</head>
<body bgcolor="lightblue">
	<script type="text/javascript">
		var bukuAnak = new buku ("A Child's Garden of Verses", "Robert Lewis Stevenson","Little Brown");
		var bukuDewasa = new buku ("War and peace", "Leo Tolstoy", "Penguin Books");
		bukuAnak.tampil();//memanggil metode untuk buku anak
		bukuDewasa.tampil();//Memanggil metode untuk buku dewasa
	</script>
</body>
</html>

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:

dan untuk kategori bukuDewasa:

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