Literal Objek pada Javascript
Hallo rekan rekan dumenity berjumpa lagi pada panduan Source Code Aplikasi, di panduan kali ini kita akan belajar mengenai Literal Objek di Javascript. Literal objek dapat dimanfaatkan bagi mewujudkan objek yang mendukung banyak fitur tanpa secara seketika memanggil sebuah guna. Ketika sebuah guna berperan selaku konstruktor, teman – teman perlu menjejak urutan argumen yang akan dilewatkan dan lainnya.
Tak demikian itu dengan literal objek, literal objek mirip dengan hash di bahasa pemrograman lain yang menggunakan pasangan kunci/nilai bagi merepresentasikan bidang.
Sintaksis mendasar bagi literal objek yaitu:
- Titik – dua bagi memisahkan nama properti dari nilainya.
- Koma bagi memisahkan tiap pasangan nama atau nilai.
- Koma mesti diabaikan dari pasangan nama atau nilai terakhir.
- Objek, secara keseluruhan, diapit di pada kurung kurawal.
Contoh format penulisannya:
var objek = {properti: nilai, properti2: nilai};Sebuah contoh :
var luas = {panjang:15, lebar: 5};Di contoh berikutnya, dua cara diciptakan bagi literal objek. Setelah sebuah literal objek didefinisikan, teman – teman dapat menambahkan properti – properti lain seperti yang saya defenisikan pada contoh berikut ini:
<!DOCTYPE html>
<html>
<head>
<title>Bekerja Dengan Literal Objek</title>
<script type=text/javascript>
var tentara = {
nama : undefined,
pangkat :kapten,
gambar : img.jpg,
istirahatGrak: function(){
alert(pasukan, istirahat graaaaaaaak...!!! .);
},
tegakGrak: function(){
alert(Pasukan, tegak graaaaaaaak...!!!);
}
};
</script>
<body>
<big>
<script type=text/javascript>
tentara.nama=Feri mispandi S.Kom; //Menugaskan nilai kepada objek properti
document.write(Nama tentara yaitu , tentara.nama,.</br>);
document.write(tentara.nama + mempunyai pangkat , tentara.pangkat,.</br>);
document.write(<img src='+tentara.gambar + ' width='88' >);
tentara.istirahatGrak();//Memanggil cara - cara objek
tentara.tegakGrak();
</script>
</big>
</body>
</html>
Oke sekarang ini saya akan menjelaskan dari script di atas:
- Literal objek, tentara, didefinisikan dengan properti dan cara
- Properti nama dipisahkan dari nilainya dengan titik dua. nilainya undefined di titik ini.
- Properti pangkat diberikan, nilainya yaitu sebuah string , “kapten”.
- Properti gambar diberikan. Nilainya yaitu sebuah file gambar.
- Properti istirahatGrak ditugasi sebuah guna anonim yang akan berperan selaku cara bagi objek ini.
- properti tegakGrak ditugasi sebuah guna anonim yang akan berperan selaku cara bagi objek ini.
- properti nama dari objek ditugasi sebuah nilai, Feri mispandi S.Kom. properti ini awalnya ditugasi “undefined”.
- Di baris ini dan baris berikutnya, nilai dari properti nama dan pangkat ditampilkan
- sebuah gambar tentara di tugaskan kepada properti src dari tag img dan ditampilkan di dokumen
Dan hasilnya dapat teman – teman lihat berikut ini:
Oke seperti itulah tadi contoh Literal Objek di Javascript, bagaimana rekan rekan dumenity lumayan gampang bukan. Oke semoga bermanfaat.
Sumber https://kursuswebsite.org
