Monday, June 11, 2012

Membuat Objek Sendiri di JavaScript

Untuk membuat objek sendiri di JavaScript, berikut langkah-langkahnya:

  1. Membuat constructor function atau fungsi pembangun objek.
  2. Mendeklarasikan instansi objek yang baru.

Untuk dua langkah awal di atas diperlukan untuk membuat objek yang sesuai anda mau.

Untuk membuat fungsi pembangun objek, anda perlu mengawalinya dengan statemen function. Sebagai contoh jika saya ingin membuat objek Animal, berikut contoh fungsi pembangunnya:

function Animal(...) { ... }

Selanjutnya di dalam fungsi pembangun itu saya menginginkan dua properti ditambahkan, name dan origin. Bentuknya akan menjadi seperti berikut:

function Animal(name, origin) { this.name = name; this.origin = origin; }

Untuk this di atas mengacu kepada 'pemilik' dari fungsi atau script di mana didalamnya berisi this ketika dieksekusi.

Untuk mendeklarasikan instansi objek baru, anda perlu libatkan new. Ini seperti mendeklarasikan objek baru menggunakan fungsi pembangun objek JavaScript yang telah ada, semisal objek Date, Array, String, dll.

Contoh berikut misalkan saya ingin mendeklarasikan instansi objek baru bernama bird dengan menggunakan fungsi pembangun objek Animal:

var bird = new Animal("Cendrawasih", "Irian Jaya");

Sampai di sini selesai untuk langkah yang kedua.

Untuk selanjutnya sebagai langkah tambahan adalah cara mengakses setiap properti dari objek bird, operator . (Dot) diperlukan di sini.

Untuk mengakses properti name, sebagai berikut:

bird.name;

Untuk mengakses properti origin, sebagai berikut:

bird.origin;

Contoh di dalam program:

<SCRIPT TYPE="text/javascript"> function Animal(name, origin) { this.name = name; this.origin = origin; } var bird = new Animal("Cendrawasih", "Irian Jaya"); document.write("Saya mempunyai burung " + bird.name + ", dan dia berasal dari " + bird.origin); </SCRIPT>