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.

Tutorial sebelumnya : Mengakses Nilai Dalam Object

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;
}

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");

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";

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;
};

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;};
}

Daftar Tutorial : Tutorial Belajar JavaScript