Object Oriented Programming II

Object Oriented Programming atau Pemrograman Berorientasi Objek merupakan paradigma pemrograman berdasarkan konsep “objek”, yang dapat berisi data, dalam bentuk field atau dikenal juga sebagai atribut serta kode, dalam bentuk fungsi/prosedur atau dikenal juga sebagai method. JavaScript telah menjadi bahasa berorientasi objek sejak bahasa JavaScript sendiri dibuat.

Class

Class adalah prototype, atau blueprint, atau rancangan yang mendefinisikan variable dan method-method pada seluruh objek tertentu. Class berfungsi untuk menampung isi dari program yang akan di jalankan, di dalamnya berisi atribut / type data dan method untuk menjalankan suatu program. Dalam JavaScript sendiri class didefinisikan dengan keyword class dan diikuti oleh penamaan kelas tersebut “class nama_kelas”. Pemanggila kelas sendiri sama seperti pemanggilan sebuah fungsi/method dalam sebuah program yaitu memanggil nama class tersebut beserta parameter classnya. Biasanya class berisi banyak method/fungsi yang merupakan turunan sifat dari kelas tersebut.

Class sendiri memiliki banyak bentuk dalam setiap Bahasa pemrograman yang berbeda, seperti abstrak class, data class dan lain sebagainya. Class juga dapat memiliki keterkaitan dengan class lainnya yang dapat disebut sebagai class turunan atau inheritance, Inheritance merupakan sebuah hubungan Parent Class (Kelas Induk) dengan Child Class (Kelas Anak) yang dimana memiliki pewarisan sifat dan pewarisan variabel turunan yang sama.

Contoh sederhana dalam class, kita punya sebuah mobil dimana mobil tersebut memiliki sebuah attribut berupa mesin, roda, aki, dsb. Mobil merupakan sebuah class, sedangkan mesin, roda, aki, dsb merupakan sebuah fungsi.

Berikut ini adalah hal yang perlu diperhatikan dalam mendeklatasikan sebuah class

  1. Fungsi Constructor
  2. Parameter This

Fungsi Constructor

Merupakan sebuah fungsi yang wajib diinisialisasi dalam membuat dan mendeklarasikan sebuah class, gunanya ialah untuk menambahkan argument dan menyimpan parameter pada class.

Parameter This

Merupakan sebuah variable yang hanya dapat digunakan didalam deklarasi class.

berikut adalah contoh sederhana dalam mendeklarasikan sebuah class

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
// Contoh 1
class Employee{
    constructor(name = "Pegawai", salary = 5000) {
        this.name = name;
        this.salary = salary;
    }

    printEmployee() {
        console.log("Nama:", this.name, "\nSalary:", this.salary);
    }
}

let employee1 = new Employee("Azhar", 5000);

employee1.printEmployee();

let employee2 = new Employee("Gerald", 4000);

employee2.printEmployee();

// Contoh 2
class Car {
  constructor(name, year) {
    this.name = name;
    this.year = year;
  }
  age() {
    const date = new Date();
    return date.getFullYear() - this.year;
  }
}

const myCar = new Car("Ford", 2014);
console.log("My car is " + myCar.age() + " years old.");

Method Getter

Merupakan sebuah metode untuk melakukan pengambilan data dari class. biasanya method getter digunakan ketika ada data yang perlu di export atau dikeluarkan dari class.

Anda bisa menggunakan method getter dengan membuat dan menggunakan fungsi yang mengembalikan nilai pada deklarasi class

Method Setter

Merupakan sebuah metode untuk mengubah data pada class. Terkadang setter sangat dibutuhkan ketika terdapat data yang bersifat immutable atau data yang perlu diubah

Anda bisa menggunakan metode setter sama seperti melakukan deklarasi fungsi init pada class.

Berikut adalah contoh dari implementasi method getter dan setter:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
class Employee{
    constructor(name = "Pegawai", salary = 5000) {
        this.name = name;
        this.salary = salary;
    }

    printEmployee() {
        console.log("Nama:", this.name, "\nSalary:", this.salary);
    }

    // Deklarasi Method Getter
    // Merupakan sebuah metode untuk mendapatkan data dari class
    getEmployee(typesOfParameterClass) {
        if (typesOfParameterClass == "Nama") {
            return this.name;
        } else if (typesOfParameterClass == "Nama") {
            return this.salary;
        } else {
            return "Data Tidak Ada";
        }
    }

    // Deklarasi Method Setter
    // Merupakan metode untuk mengubah data pada class
    setEmployee(name, salary) {
        this.name = name;
        this.salary = salary;
    }
}

employee1 = new Employee()

employee1.printEmployee()

// Contoh Implementasi Getter
Nama_pegawai = employee1.getEmployee("Nama")
console.log("Nama Pegawainya adalah", Nama_pegawai)

// Contoh Implementasi Setter
employee1.setEmployee("Azhar", 50000)
employee1.printEmployee()

employee2 = new Employee("Gerald", 4000)

employee2.printEmployee()

Latihan 1

Buatlah sebuah program yang mengimplementasikan sebuah class yang memiliki nama class mahasiswa dan memiliki method yang dapat digunakan untuk menampilkan biodata mahasiswa yang diinputkan oleh user.

Latihan 2

Buatlah sebuah kelas yang menerapkan method getter dan setter dimana menggunakan implementasi program percabangan serta perulangan seperti pada Latihan sebelumnya. Program menerima deklarasi nilai inputan dari user dan menampungnya dalam sebuah kelas dan variabel didalam kelas tersebut dapat dimanipulasi serta dirubah sesuai keinginan dan perubahan yang diberikan oleh user melalui inputan user itu sendiri serta dapat ditampilkan menggunakan method getter dan setter.

Contoh Output:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
===== Program OOP =====
1. Mendeklarasikan Objek
2. Menampilkan Objek
3. Merubah Nilai Objek
4. Menghapus Objek
5. Keluar Dari Program
Masukkan Pilihan Berupa Angka (1/2/3/4/5): 2 (Diinput User)

Nama: None 
Nilai: None

===== Program OOP =====
1. Mendeklarasikan Objek
2. Menampilkan Objek
3. Merubah Nilai Objek
4. Menghapus Objek
5. Keluar Dari Program
Masukkan Pilihan Berupa Angka (1/2/3/4/5): 1 (Diinput User)
Masukkan Namamu: ARZ (Diinput User)
Masukkan Nilaimu: 95 (Diinput User)
Data Berhasil Ditambahkan

===== Program OOP =====
1. Mendeklarasikan Objek
2. Menampilkan Objek
3. Merubah Nilai Objek
4. Menghapus Objek
5. Keluar Dari Program
Masukkan Pilihan Berupa Angka (1/2/3/4/5): 2 (Diinput User)

Nama: ARZ 
Nilai: 95

===== Program OOP =====
1. Mendeklarasikan Objek
2. Menampilkan Objek
3. Merubah Nilai Objek
4. Menghapus Objek
5. Keluar Dari Program

Masukkan Pilihan Berupa Angka (1/2/3/4/5): 3 (Diinput User)
Apa yang ingin diubah (Nama/Nilai): Nilai (Diinput User)
Masukkan Nilai: 100 (Diinput User)
Data Nilai Berhasil Dirubah

===== Program OOP =====
1. Mendeklarasikan Objek
2. Menampilkan Objek
3. Merubah Nilai Objek
4. Menghapus Objek
5. Keluar Dari Program

Masukkan Pilihan Berupa Angka (1/2/3/4/5): 2 (Diinput User)

Nama: ARZ 
Nilai: 100

===== Program OOP =====
1. Mendeklarasikan Objek
2. Menampilkan Objek
3. Merubah Nilai Objek
4. Menghapus Objek
5. Keluar Dari Program
Masukkan Pilihan Berupa Angka (1/2/3/4/5): 4 (Diinput User)
Data Berhasil Dihapus


===== Program OOP =====
1. Mendeklarasikan Objek
2. Menampilkan Objek
3. Merubah Nilai Objek
4. Menghapus Objek
5. Keluar Dari Program
Masukkan Pilihan Berupa Angka (1/2/3/4/5): 2 (Diinput User)

Nama: None 
Nilai: None

===== Program OOP =====
1. Mendeklarasikan Objek
2. Menampilkan Objek
3. Merubah Nilai Objek
4. Menghapus Objek
5. Keluar Dari Program
Masukkan Pilihan Berupa Angka (1/2/3/4/5): 5 (Diinput User)
Terima Kasih Sudah Menggunakan Program Saya