The Show Inherits properties from its parent, HTMLDivElement.align DeprecatedA string representing an enumerated property indicating alignment of the element's contents with respect to the surrounding context. The possible values are Dalam kehidupan nyata, kita sering menjumpai objek. Objek adalah segala sesuatu yang ada di dunia ini. Entah itu benda mati ataupun makhluk hidup. Semuanya objek. Objek-objek ini dapat kita modelkan di dalam pemrograman. Biasanya menggunakan paradigma OOP (Object Oriented Programming) atau pemrograman beorientasikan objek. Nah paradigma OOP ini merupakan sebuah teknik atau cara di dalam pemrograman dimana segala sesuatu di pandang sebagai objek. Objek-objek ini dapat saling berinteraksi sehingga membentuk sebuah program. Apa itu Objek di Javascript dan Bagimana cara Membuatnya?Objek sebenarnya adalah sebuah variabel yang menyimpan nilai (properti) dan fungsi (method). Contoh objek mobil: Bagaimana cara kita memodelkan mobil ini di dalam kode program? Bisa saja seperti ini:
Tapi variabel Objek pada javascript, dapat dibuat dengan tanda kurung kurawal dengan isi berupa key dan value. Contoh: Kode di atas bisa juga ditulis seperti ini:
Apa Perbedaan Properti dan Method?Pada contoh di atas, kita baru hanya membuat properti saja. Properti adalah ciri khas dari objek (variabel). Sedangkan method adalah perilaku dari objek (fungsi). Lalu bagaimana cara membuat metohd di dalam objek? Method dapat dibuat dengan cara mengisi nilai (value) dengan sebuah fungsi. Contoh:
Cara Mengakses Properti dan Method ObjekKita sudah tahu cara membuat objek… Lalu pertanyaanya: Bagaimana cara mengakses properti dan method dari objek? Caranya menggunakan tanda titik atau dot ( Contoh:
perhatikan 0, 1, 2, dan 3!Untuk mengakses properti, kita cukup gunakan nama 4. Sedangkan untuk method, kita harus menggunakan tanda kurung. Ini menyatakan kalau kita ingin mengeksekusi fungsi.Menggunakan Keyword var car = { type:"Fiat", model:"500", color:"white" };5Kata kunci 5 digunakan untuk mengakses properti dan method dari dalam method (objek).Contoh:
Hasilnya: Kata kunci 5 pada contoh di atas akan mengacu pada objek 8.Membuat Class Objek dengan var car = { type:"Fiat", model:"500", color:"white" };5Pada pemrograman berorientasikan objek, kita biasanya membuat objek dengan membuat instance dari class. Akan tetapi pada contoh-contoh di atas, kita membuat objeknya secara langsung. Lalu bagaimana kalau kita inign membuat objek yang lain dengan properti yang sama. Bisa saja dibuat dua seperti ini:
Ini tentu tidak efektif, jika kita ingin membuat banyak objek. Karena kita harus menulis ulang kode yang sama. Solusinya kita bisa gunakan 0.Oh iya, saya ingin kasih tahu: Pada Javascript versi ES5, 0 belum ada. Fitur ini baru ditambahkan pada Javascript versi ES6.Pada ES5, kita bisa membuat class dengan fungsi. Lalu di dalamnya menggunakan kata kunci this. Contoh:
Hasilnya: Perhatikanlah contoh di atas! Kita membuat objek baru dengan kata kunci 2, lalu diberikan nilai parameter 3 dan 4. |