Literal Objek pada Javascript

Hallo sahabat dumenity berjumpa lagi dalam tutorial dumetschool, pada tutorial kali ini kita akan belajar tentang Literal Objek pada Javascript. Literal objek dapat dipakai untuk menciptakan objek yang mendukung banyak fitur tanpa secara langsung memanggil sebuah fungsi. Ketika sebuah fungsi berperan sebagai konstruktor, teman – teman perlu menjejak urutan argumen yang akan dilewatkan dan lainnya.

Tidak begitu dengan literal objek, literal objek mirip dengan hash pada bahasa pemrograman lain yang menggunakan pasangan kunci/nilai untuk merepresentasikan bidang.

Sintaksis dasar untuk literal objek adalah:

Titik – dua untuk memisahkan nama properti dari nilainya.
Koma untuk memisahkan tiap pasangan nama atau nilai.
Koma harus diabaikan dari pasangan nama atau nilai terakhir.
Objek, secara keseluruhan, diapit di dalam kurung kurawal.

Contoh format penulisannya:

var objek = {properti: nilai, properti2: nilai};

Sebuah contoh :

var luas = {panjang:15, lebar: 5};

Pada contoh berikutnya, dua metode diciptakan untuk literal objek. Setelah sebuah literal objek didefinisikan, teman – teman dapat menambahkan properti – properti lain seperti yang saya defenisikan dalam 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 adalah ", tentara.nama,".</br>");
 document.write(tentara.nama + " memiliki pangkat ", tentara.pangkat,".</br>");
 document.write("<img src='"+tentara.gambar + "' width='88' >");
 tentara.istirahatGrak();//Memanggil metode - metode objek
 tentara.tegakGrak();
 </script>
   		</big>
   </body>
   </html>

Oke sekarang saya akan menjelaskan dari script di atas:

Literal objek, tentara, didefinisikan dengan properti dan metode
Properti nama dipisahkan dari nilainya dengan titik dua. nilainya undefined pada titik ini.
Properti pangkat diberikan, nilainya adalah sebuah string , “kapten”.
Properti gambar diberikan. Nilainya adalah sebuah file gambar.
Properti istirahatGrak ditugasi sebuah fungsi anonim yang akan berperan sebagai metode untuk objek ini.
properti tegakGrak ditugasi sebuah fungsi anonim yang akan berperan sebagai metode untuk objek ini.
properti nama dari objek ditugasi sebuah nilai, Feri mispandi S.Kom. properti ini awalnya ditugasi “undefined”.
Pada 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 pada dokumen

Dan hasilnya dapat teman – teman lihat berikut ini:

Oke itulah tadi contoh Literal Objek pada Javascript, bagaimana sahabat dumenity cukup mudah bukan. Oke semoga bermanfaat.

Kategori