{{ message }}

Belajar Javascript OOP Versi Object Literal (ES5)

30/07/2017 | Javascript
Belajar Javascript OOP Versi Object Literal (ES5)

Tidak seperti bahasa pemrograman lain dalam hal bekerja dengan objek, Javascript memiliki beberapa pilihan untuk mengimplementasikan konsep pemrograman berorientasi objek yg sama. Salah satunya adalah penerapan pemrograman berbasis objek dengan metode Object Literal. Metode ini sangat populer dan sering digunakan mungkin karena implementasinya yg cukup sederhana. Bahkan banyak sekali framework client side Javascript yg lebih mengembangkan metode ini. Misalnya seperti AngularJS, ReactJS dan Backbone.

Jika Anda belum memahami konsep pemrograman berorientasi objek, ada baiknya Anda membaca artikel belajar dasar OOP dengan PHP terlebih dahulu untuk lebih memahami artikel tentang Object Literal ini.

Dalam kesempatan kali ini saya akan mencoba menulis source code penerapan metode Object Literal. Berikut ini salah satu contoh, penerapan property;

var namaObject = {
   property1: 'isi property 1',
   property2: 'isi property 2',
   propertyAngka: 100,
};
 
console.log('isi dari property 2 adalah: ' + namaObjek.property2);
// Hasil Output
// isi dari property 2 adalah: isi property 2

Untuk Anda yg terbiasa dengan JSON, memang tidak ada suatu hal yg khusus di metode Object Literal ini. Object Literal sama saja dengan menulis variable yg berisi JSON. Tapi ini benar-benar dipakai untuk menerapkan suatu objek hingga menulis aplikasi dengan level yg kompleks. Berikut ini contoh penerapan method pada Object Literal;

var namaObject = {
   property1: 'isi property 1',
   property2: 'isi property 2',
   propertyAngka: 100,
   
   cetakProperty2: function () {
       console.log('isi dari property 2 adalah: ' + namaObjek.property2);
   },
};
 
namaObject.cetakProperty2();
// Hasil Output
// isi dari property 2 adalah: isi property 2

Sederhana bukan, bahkan 2 syntax diatas tidak memerlukan proses enkapsulasi untuk menggunakan objek tersebut.