Fungsi dari this Keyword Beserta Cara Mencetak dari Data array -

Tidak sedikit yang bertanya kepada saya, sudah melakukan atau belajar javascript tetapi ada syntax dari sebuah kode yang terdapat di javascript, ada sebuah this, apa itu this, apa sebenarnyaÂ this dan apa fungsi dari this keyword beserta cara mencetak dari data array, disini kita tidak hanya akan membahas sebuah this, tetapi disini saya akan mencontohkannya dengan menggunakn sebuah isi array dimana isi array itu akan kita panggil. oke bagimana kelanjutannya, simak terus ya teman-teman.

fungsi dari this keyword beserta cara mencetak dari data array, oke kita bahas this dulu, this adalah:

Dalam definisi fungsi, this ini mengacu pada ” pemilik ” dari fungsi.
Dalam contoh yang nanti yang akan saya buat, this ini mengacu pada objek.

intinya si this ini mengacu kepada isi dari fungsi tersebut seperti itu, oke sekarang kita masuk dalam contoh pembuatannya langsung saja bagaimana cara membuatnya:

<!DOCTYPE html>
<html>
<head>
	<title>Fungsi dari this Keyword Beserta Cara Mencetak dari Data array</title>
	<style type="text/css">
		.container{
			width: 500px;
			margin: auto;
		}
		h1{text-align: center;}
	</style>
</head>
<body>
	<div class="container">
		<h1>Fungsi dari this Keyword Beserta Cara Mencetak dari Data array</h1>
		<div id="demo"></div>
		<script type="text/javascript">
			 var proses = {
			    fullName: function() {
			        return this.namaDepan + " " + this.namaBelakang;
			    }
			}
			var dataNama = {
			    namaDepan:"Achmad",
			    namaBelakang: "Robbani",
			}
			var cetak = proses.fullName.call(dataNama); 
			var demo = document.getElementById("demo");
			demo.innerHTML = `<p>Nama depan kamu adalah  <strong> : ` +dataNama.namaDepan + `
							 </strong></p><p>Nama Belakang kamu adalah <strong> : ` +dataNama.namaBelakang+ `
							</strong></p> <p>Jadi nama Lengkap kamu adalah <strong> : ` + cetak + `</strong></p>`
		</script>
	</div>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Fungsi dari this Keyword Beserta Cara Mencetak dari Data array</title>

.container{

width: 500px;

margin: auto;

}

h1{text-align: center;}

</style>

</head>

<body>

<h1>Fungsi dari this Keyword Beserta Cara Mencetak dari Data array</h1>

var proses = {

fullName: function() {

return this.namaDepan + " " + this.namaBelakang;

}

var dataNama = {

namaDepan:"Achmad",

namaBelakang: "Robbani",

}

var cetak = proses.fullName.call(dataNama);

var demo = document.getElementById("demo");

demo.innerHTML = `<p>Nama depan kamu adalah <strong> : ` +dataNama.namaDepan + `

</strong></p><p>Nama Belakang kamu adalah <strong> : ` +dataNama.namaBelakang+ `

</strong></p> <p>Jadi nama Lengkap kamu adalah <strong> : ` + cetak + `</strong></p>`

</script>

</div>

</body>

</html>

Bisa di lihat ya teman-teman, saya membuat id demo untuk menampung dari sebuah kode javascript yang saya buat, lalu ada sebuah variabel proses dan var data namnama yang isinya sebuah array namanya, yang terpenting supaya this.namaDepan bisa di panggil dan di cetak anda harus membuat cara seperti ini: proses.fullName.call(dataNama), oke sekarang kita lihat saja hasilnya ya.

jika kita lihat hasilnya berarti itu semua thisnya sudah berhasil ya, oke saya rasa cukup sampai disini dulu belajar kita tentang fungsi dari this keyword beserta cara mencetak dari data array, semoga teman-teman mengerti dan bermanfaat sampai jumpa pada artikel selanjutnya terimakasih.

Fungsi dari this Keyword Beserta Cara Mencetak dari Data array

Facebook DUMET School

Categories