JavaScript Obyek
Sebelumnya dalam tutorial ini kita telah melihat bahwa JavaScript memiliki beberapa built-in objek, seperti String, Array Tanggal,, dan banyak lagi. Selain built-in objek, Anda juga dapat membuat Anda sendiri.
Sebuah objek adalah jenis khusus data, dengan koleksi properti dan metode.
Mari kita ilustrasikan dengan sebuah contoh: Seseorang adalah obyek. Properti adalah nilai yang terkait dengan objek. Sifat orang ‘mencakup nama, tinggi, berat, usia, warna kulit, warna mata, dll Semua orang memiliki sifat ini, namun nilai-nilai dari properti-properti akan berbeda dari orang ke orang. Objek juga memiliki metode. Metode adalah tindakan yang dapat dilakukan pada objek. Metode orang-orang ‘bisa makan (), tidur (), bekerja (), bermain (), dll
Properti
Sintaks untuk mengakses properti dari sebuah objek adalah:
objName.propName
Anda dapat menambahkan properti untuk objek hanya dengan memberikan nilai.
Asumsikan bahwa personObj sudah ada – Anda dapat memberikan sifat bernama firstname,
lastname, usia, dan eyecolor sebagai berikut:
personObj.firstname=”John”;
personObj.lastname=”Doe”;
personObj.age=30;
personObj.eyecolor=”blue”;document.write(personObj.firstname);
Kode di atas akan menghasilkan output sebagai berikut:
John
Metode
Sebuah objek juga dapat berisi metode.
Anda dapat memanggil metode dengan sintaks berikut:
objName.methodName()
Untuk memanggil sebuah metode yang disebut sleep () untuk personObj ini:
personObj.sleep();
Membuat Objek Sendiri
1. Membuat sebuah instance dari sebuah objek langsung
Kode berikut membuat sebuah instance baru dari objek, dan menambahkan empat properti untuk itu:
personObj=new Object(); personObj.firstname="John"; personObj.lastname="Doe"; personObj.age=50; personObj.eyecolor="blue";
personObj={firstname:”John”,lastname:”Doe”,age:50,eyecolor:”blue”};
Menambahkan metode untuk personObj juga sederhana. Kode berikut menambahkan sebuah metode yang
disebut makan () untuk personObj ini:
personObj.eat=eat;
2. Buat objek konstruktor
Buat sebuah fungsi yang membangun objek:
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
Setelah Anda memiliki konstruktor objek, Anda dapat membuat contoh baru dari objek, seperti ini:
var myFather=new person(“John”,”Doe”,50,”blue”);
var myMother=new person(“Sally”,”Rally”,48,”green”);
Anda juga dapat menambahkan beberapa metode untuk objek orang. Hal ini juga dilakukan di dalam fungsi:
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;this.newlastname=newlastname;
}
Perhatikan bahwa metode hanya fungsi yang melekat pada objek. Kemudian kita akan harus menulis
newlastname () fungsi:
function newlastname(new_lastname)
{
this.lastname=new_lastname;
}
Para newlastname () fungsi mendefinisikan nama baru terakhir seseorang dan memberikan bahwa untuk
orang tersebut. JavaScript tahu mana orang yang Anda bicarakan dengan menggunakan “this.”.
Jadi, sekarang Anda dapat menulis: myMother.newlastname (“Doe”).