Class di JavaScript
Class di JavaScript

Class di JavaScript – JavaScript ES6 #11

0 Shares
0
0
0

Class di JavaScript

Class ada fitur baru yang ada pada JavaScript lewat pembaharuan EcmaScript 6. Sebenarnya class hanya sebuah cara yang lebih mudah untuk membuat sebuah constructor untuk membuat sebuah object dan melakukan melakukan penurunan protoype-nya pada JavaScript.

Class menjadi sebuah blueprint atau constructor untuk membuat sebuah object, sebelumnya kita membuat blueprint ini dengan “function constructor”.

Kemudian kita harus menambahkan berbagai method pada properti prototype dari function tersebut untuk membuat semua object atau turunan (instances) yang dibuat dengan function constructor tersebut menurunkan method yang diinginkan.

Misalnya kita ingin membuat sebuah blueprint untuk orang dengan menggunakan function constructor pada ES5 yang akan kita beri nama “Person”, kita biasanya melakukannya seperti  berikut:

var Person = function(nama, tahunLahir, pekerjaan{
    this.nama = nama;
    this.tahunLahir = tahunLahir;
    this.pekerjaan = pekerjaan;
}

Person.prototype.hitungUmur = function(){
    var umur = new Date().getFullYear() - this.tahunLahir;
    console.log(umur);
}

var budi = new Person(“Budi”, 1998, “Developer”);

Potongan code diatas kita juga membuat sebuah propertu prototype untuk menghitung usia yang akan diturunkan kepada semua object atau instances yang akan dibuat dengan menggunakan function constructor tersebut.

Cara Menggunakan Class di JavaScript

Dengan menggunakan class kita bisa melakukan hal yang sama dengan cara yang jauh lebih mudah, seperti pada contoh berikut:

class Person {

constructor(nama, tahunLahir, pekerjaan) {
    this.nama = nama;
    this.tahunLahir = tahunLahir;
    this.job = job;
}

    hitungUmur() {
        let age = new Date().getFullYear() – this.tahunLahir;
    }

}

let budi = new Person(‘Budi’, 1998, ‘Developer’);

Potongan kode diatas, yaitu membuat blueprint untuk object-object yang akan dibuat nantinya, misalnya object “budi” seperti yang sudah kita buat pada potongan kode diatas.

Dengan menggunakan “class” kita bisa melakukannya dengan cara yang lebih mudah dan ringkas dibandingkan dengan menggunakan “function constructor”.

Dua buah object tersebut; yang satu dibuat dengan function constructor dan yang satu lagi dibuat dengan class, menghasilkan object yang sama persis.

0 Shares
Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

You May Also Like