Download Source Code Aplikasi

Membuat Objek Sendiri Di Javascript

Friday, February 14th, 2020 - Artikel 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 diharapkan untuk membuat objek yang sesuai anda mau.

Untuk membuat fungsi pembangun objek, anda perlu mengawalinya dengan statemen function. Sebagai teladan bila aku ingin membuat objek Animal, berikut teladan fungsi pembangunnya:

function Animal(…) { … }

Selanjutnya di dalam fungsi pembangun itu aku menginginkan dua properti ditambahkan, name dan origin. Bentuknya akan menjadi ibarat 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 saat dieksekusi.

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

Contoh berikut misalkan aku ingin mendeklarasikan instansi objek gres berjulukan bird dengan memakai fungsi pembangun objek Animal:

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

Sampai di sini tamat untuk langkah yang kedua.

Untuk selanjutnya sebagai langkah pelengkap ialah cara mengakses setiap properti dari objek bird, operator . (Dot) diharapkan 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 memiliki burung " + bird.name + ", dan ia berasal dari " + bird.origin); </SCRIPT>
Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
Download Source Code Aplikasi
Membuat Objek Sendiri Di Javascript | Ahmad Code | 4.5