Saturday, January 3, 2015

Tutorial Javascript Part 7: Menggunakan Object

Pada javascript kita bisa menggunakan konsep pemrograman berorientasi object. Berbeda dengan pemrograman object pada PHP, pada javascript kita bisa membuat object tanpa harus membuat class lebih dahulu. Karena javascript mendukung tipe data berupa object maka kita bisa membuat object seperti membuat variabel.

Apa itu Object ?

Sebuah object menggambarkan sesuatu didunia nyata yang memiliki properties dan method. Properties adalah nilai/periperal yang menyertai suatu object seperti nama, jenis, warna, tinggi, berat dan sebagainya. Sedangkan method menggambarkan perilaku suatu object seperti berjalan, berhenti, makan dan sebagainya.

Contoh sebuah object :

var mobil = {merk:"Toyota", model:"Avanza", warna:"merah"};

Membuat Object

Untuk membuat object pada javascript dilakukan sama dengan membuat variabel, namun bertipe object. Pada tulisan sebelumnya tentang tipe data pada javascript, kita mengenal tipe data object. Tipe data object berisi banyak data berupa properties dan method sebuah object.

Cara penulisan saat membuat sebuah object :

var namaObject = {properti1:value, method1:function, dst...};

Apa itu Properties ?

Properties adalah nilai yang menyertai sebuah object. Properties bisa diartikan sebagai spesifikasi object. Misalnya sebuah mobil memiliki spesifikasi merk, tipe, mesin, warna, harga dan sebagainya. Properties ini didefinisikan dengan menggunakan variabel saat membuat object. Dalam membuat object, masing-masing properties dipisahkan dengan tanda koma.

Contoh properties pada object mobil diatas adalah :

merk:"Toyota", model:"Avanza", warna:"merah"

Mengakses Properti sebuah Object

Kita bisa mengakses properti sebuah object dengan menyebutkan namaobject lalu tanda titik baru kemudian nama properties. Atau bisa juga dengan menggunakan nama object dengan diikuti nama properti didalam sepasang tanda [].

Cara mengakses properti sebuah object :

namaObject.namaProperti
atau
namaObject[namaProperti]

Contoh script mengakses properti sebuah object :

 <!DOCTYPE html>  
 <html>  
 <body>  
   
 <p>  
 Contoh mengakses properti sebuah object  
 </p>  
 <p id="view"></p>  
   
 <script>  
 var mobil = {  
   merk : "Toyota",  
   type : "Avanza",  
   tahun : "2008"  
 };  
 document.getElementById("view").innerHTML =  
 mobil.merk + " " + mobil.type + " dibuat tahun " + mobil.tahun;  
 </script>  
   
 </body>  
 </html>  

Apa itu Method?

Method merupakan perilaku sebuah object. Method digambarkan sebagai action yang bisa dilakukan sebuah object. Method adalah function yang ditaruh saat membuat object. Kita bisa menempatkan method didalam object berdampingan dengan properties dengan dipisahkan dengan tanda koma. Untuk membuat method kita menggunakan keyword function.

Contoh membuat method didalam object mobil diatas :

var mobil = {
 merk:"Toyota",
 model:"Avanza",
 warna:"merah",
 deskripsi : function() {
       return this.merk + " " + this.model;
};
Pada contoh diatas kita membuat method yang mengembalikan nilai berupa deskripsi mobil secara lengkap, merk dan modelnya.

Memanggil Method sebuah Object

Kita bisa mengakses method sebuah object dengan menyebutkan namaobject lalu tanda titik baru kemudian nama method dengan tanda () beserta parameternya jika ada.

Cara memanggil method sebuah object :

namaObject.namaMethod()

Contoh script memanggil method sebuah object :

 <!DOCTYPE html>  
 <html>  
 <body>  
   
 <p>  
 Contoh mengakses method sebuah object  
 </p>  
 <p id="view"></p>  
   
 <script>  
 var mobil = {  
   merk : "Toyota",  
   type : "Avanza",  
   tahun : "2008",  
   deskripsi : function() {  
           return mobil.merk + " " + mobil.type + " dibuat tahun " + mobil.tahun;  
      }       
 };  
 document.getElementById("view").innerHTML =mobil.deskripsi();  
   
 </script>  
   
 </body>  
 </html>  

Lihat indeks artikel Tutorial Javascript Dasar >>

Referensi :

0 komentar

Post a Comment