Ads by Yasya El Hakim
Tutorial JavaScript Tingkat Dasar: Object - Bagian 8

Objek pada JavaScript hampir sama seperti objek yang ada di kehidupan nyata; objek tersebut dapat memiliki sifat dan kemampuan masing-masing. Objek pada JavaScript yang disebut atau dinamai dengan sekumpulan properti dan metode - sebuah fungsi. Objek juga dapat kita simpan kedalam variabel, serta properti dan metode dapat kita akses dengan menggunakan dot syntax.

Manusia misalnya, memiliki nama dan umur, dapat berbicara, bergerak, serta dapat belajar dan berfikir. Nama dan umur dari manusia bisa kita ibaratkan sebagai properti, dan biasanya properti itu berupa potongan data. Berbicara, bergerak, dan belajar lebih mirip seperti fungsi - karena biasanya terdapat hal rumit yang dapat dikerjakan. Ketika objek pada JavaScript memiliki kemampuan seperti yang saya sebutkan diatas, hal itu bisa kita sebut dengan metode.

Variabel dapat menampung suatu objek dan dalam membuat objek kita harus menggunakan penulisan (Syntax) khusus yang dikelilingi oleh buka kurung "{" dan tutup kurung "}":
var yasya = {
    nama: "El Hakim",
    umur: 22,
    bicara: function () { alert("Saya bisa ngomong"); }
};

Nama dan umur Yasya merupakan sebuah properti - pada dasarnya adalah variabel yang ada di dalam objek dan kita dapat menyimpan apa pun didalamnya (Termasuk variabel). bicara adalah properti yang memiliki suatu fungsi - yang dinamakan dengan metode.

Kalian bisa mendapatkan data dari suatu objek menggunakan dot syntax:
yasya.nama;

Outputnya akan seperti berikut:
El Hakim

yasya.umur;

Outputnya akan seperti berikut:
22

yasya.bicara();

Outputnya akan seperti berikut:
// Akan muncul dialog Alert

Kalian juga dapat mengatur ulang properti dari suatu objek:
yasya.name = "El";

Dan juga dapat menambahkan objek baru:
yasya.warna = "Hijau";

Properti juga dapat berupa segala jenis data termasuk objek dan array. Menambahkan objek sebagai properti dari objek lainya dapat membuat objek yang menumpuk (Nested Object):
var orang = {
    umur: 20
};

orang.nama = {
    depan: "Yasya",
    belakang: "El Hakim"
};

Kita juga bisa untuk membuat objek kosong dan menambahkan properti serta metode kedalamnya:
var anjing = {};
anjing.suara = function () { alert("Guk!"); };

Sebelumnya: Tutorial JavaScript Tingkat Dasar: Fungsi (Function) - Bagian 7
Selanjutnya: Tutorial JavaScript Tingkat Dasar: Array - Bagian 9
Daftar Isi: Tutorial JavaScript Tingkat Dasar

0Komentar

Sebelumnya Selanjutnya