Pengantar Kelas dan Objek dalam JavaScript

Sekarang kita akan mempelajari OOP dalam JavaScript. Mari kita lihat contoh dari kehidupan nyata, lalu menerapkannya ke JavaScript.

Sebagai contoh, mari kita ambil mobil. Dia memiliki roda, warna, jenis bodi, kapasitas mesin, dan sebagainya. Selain itu, pengemudi dapat memberinya perintah: jalan, berhenti, belok kanan, kiri, dan sebagainya.

Dapat dikatakan bahwa terdapat suatu kelas mobil, yang memiliki sifat-sifat umum (semua memiliki roda dan semua dapat diberi perintah).

Mobil konkret yang parkir di jalan - adalah perwakilan dari kelas ini, atau, dengan kata lain, objek dari kelas ini. Semua objek dari kelas ini memiliki properti: jumlah roda, warna, jenis bodi dan metode: jalan, berhenti, belok kanan, kiri.

Dengan kata lain, kelas itu sendiri adalah cetak biru, yang digunakan di pabrik untuk membuat mobil. Objek adalah mobilnya sendiri, yang dibuat berdasarkan cetak biru tersebut.

Dalam JavaScript, kelas dibuat dengan kata kunci class, diikuti oleh nama kelas tersebut. Mari kita buat kelas Car:

class Car {
	// kode di sini, yaitu cetak biru JavaScript untuk mobil
}

Sekarang mari tentukan dalam cetak biru kita, bahwa setiap mobil, yang dibuat berdasarkan cetak biru ini, akan memiliki properti untuk warna dan properti untuk jumlah bahan bakar.

Untuk ini, di dalam kelas, tulis properti color dan properti fuel:

class Car {
	color; // warna mobil
	fuel;  // jumlah bahan bakar
}

Sekarang mari kita buat metode kelas kita. Dalam JavaScript, metode mirip dengan fungsi biasa, hanya dideklarasikan tanpa kata kunci function.

Seperti yang telah disebutkan di atas, mobil kita dapat jalan, dapat berbelok, dapat berhenti. Mari buat metode yang sesuai dalam kelas kita:

class Car {
	color; // warna mobil
	fuel;  // jumlah bahan bakar
	
	// Perintah jalan:
	go() {
		// kode JavaScript tertentu
	}
	
	// Perintah berbelok:
	turn() {
		// kode JavaScript tertentu
	}
	
	// Perintah berhenti:
	stop() {
		// kode JavaScript tertentu
	}
}

Kita telah membuat cetak biru mobil kita. Sekarang perlu pergi ke pabrik dan membuat objek dari kelas ini (yaitu mobil konkret).

Dalam JavaScript, ini dilakukan dengan kata kunci new, setelahnya ditulis nama kelas:

new Car; // perintahkan pabrik untuk membuat mobil

Namun, jika hanya membuat objek kelas - itu tidak akan menghasilkan apa-apa (sama halnya, sebagai contoh, mendeklarasikan array dan tidak menyimpannya ke mana pun). Kita perlu variabel untuk menyimpan objek ini.

Misalkan variabel ini disebut myCar - mari kita simpan objek yang kita buat ke dalamnya:

let myCar = new Car;

Setelah membuat mobil, kita dapat mengakses propertinya. Akses ke properti dilakukan melalui titik. Mari atur properti objek kita:

let myCar = new Car; // perintahkan pabrik untuk membuat mobil

myCar.color = 'red'; // cat menjadi warna merah
myCar.fuel = 50;     // isi bahan bakar

Semua, mobil kita telah dibuat, dicat, dan diisi bahan bakarnya. Sekarang kita dapat memberinya perintah melalui metode mobil ini.

Akses ke metode juga dilakukan melalui titik, tetapi, berbeda dengan properti, setelah nama metode, tanda kurung harus ditulis. Mari kita beri perintah pada objek kita:

myCar.go();
myCar.turn();
myCar.stop();