Tutorial Membuat Javascript Objek Sendiri

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()













Catatan: Parameter yang diperlukan untuk metode tersebut dapat melewati antara tanda kurung.
Untuk memanggil sebuah metode yang disebut sleep () untuk personObj ini:

personObj.sleep();

Membuat Objek Sendiri

Ada berbagai cara untuk membuat objek baru:
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";

















alternatif sintaks (menggunakan objek literal):
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;
}

















Di dalam fungsi yang Anda butuhkan untuk menetapkan hal-hal untuk this.propertyName. Alasan untuk semua hal “ini” adalah bahwa Anda akan memiliki lebih dari satu orang pada satu waktu (yang orang yang Anda sedang berhadapan dengan harus jelas). Itulah yang “ini” adalah: instance dari objek di tangan.
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”).