Constructor Pada Object

Cara membuat object pada tutorial sebelumnya ada kekurangannya, yaitu kita hanya membuat satu object tanpa template (blue print). Pada tutorial ini kita akan mempelajari membuat object dari template berupa constructor. Cara ini mirip seperti membuat object dari class seperti pada toturial tentang JavaScript Class. Template atau blue print dibuat sekali, satu template bisa membuat beberapa object sekaligus.

Contoh di bawah ini adalah constructor dari object Person. Constructor ini adalah template untuk membuat object person.

function Person(first, last, age, eye) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eye;
}

Jalankan Contoh

Beberapa object person dapat dibuat dari constructor Person. Keyword new berguna untuk membuat object dari constructor. Setiap parameter akan diberikan nilai. Nilai ini akan menjadi nilai properti-properti pada setiap object.

var myFather = new Person("John", "Doe", 50, "blue");
var myMother = new Person("Sally", "Rally", 48, "green");

Jalankan Contoh

Menambahkan Properti #

Properti baru dapat ditambahkan pada object yang dibuat dari constructor. Contoh di bawah ini menambahkan properti nationality pada object person dengan nama variable myFather.

myFather.nationality = "English";

Jalankan Contoh

Menambahkan Fungsi #

Fungsi baru dapat ditambahkan pada object yang dibuat dari constructor. Contoh di bawah ini menambahkan fungsi name pada object person dengan nama variable myFather.

myFather.name = function () {
  return this.firstName + " " + this.lastName;
};

Jalankan Contoh

Fungsi Pada Constructor #

Fungsi dapat ditambahkan pada template constructor. Contoh di bawah ini menambahkan fungsi name pada constructor Person. Fungsi ini dapat dipanggil melalui object yang dibuat menggunakan constructor Person.

function Person(first, last, age, eyecolor) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
  this.name = function() {return this.firstName + " " + this.lastName;};
}

Jalankan Contoh