DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Pelajari cara menggunakan Object Constructor dalam JavaScript dengan mudah dan cepat. Dapatkan pemahaman yang baik tentang konsep ini melalui penjelasan dan contoh yang mudah dipahami.
Dalam JavaScript, object dapat dibuat dengan menggunakan Object Constructor. Faktanya, hampir setiap fitur dalam JavaScript adalah sebuah objek atau terkait dengan objek.
Constructor adalah metode khusus yang digunakan untuk membuat dan menginisialisasi objek dalam JavaScript. Ketika kita membuat sebuah objek, JavaScript memanggil method constructor. Dalam Object-oriented programming, constructor adalah metode khusus untuk membuat dan menginisialisasi objek yang dibuat dari kelas.
Contoh pembuatan object melalui constructor:
function Buku(judul, author){
this.judul = judul;
this.author = author;
}
var buku1 = new Buku("Belajar JavaScript", "John Doe");
Untuk membuat object dengan constructor, kita bisa menggunakan keyword new
dilanjutkan dengan nama constructor dan parameter jika ada.
Una memberi contoh sederhana:
function Buku(judul, pengarang) {
this.judul = judul;
this.pengarang = pengarang;
}
var buku1 = new Buku("Belajar JavaScript", "John Doe");
var buku2 = new Buku("Pemrograman Python", "Jane Doe");
Property dan method juga dapat ditambahkan ke dalam object menggunakan constructor. Property adalah nilai yang terkait dengan objek, sedangkan method adalah fungsi yang terkait dengan objek.
Berikut adalah caranya:
Mejenggunakan property:
function Buku(judul, pengarang) {
this.judul = judul;
this.pengarang = pengarang;
this.cetakJudul = function() {
return this.judul;
}
}
var buku1 = new Buku("Belajar JavaScript", "John Doe");
console.log(buku1.cetakJudul()); // Output: Belajar JavaScript
Menggunakan method:
function Buku(judul, pengarang) {
this.judul = judul;
this.pengarang = pengarang;
this.cetakInfo = function() {
return this.judul + " ditulis oleh " + this.pengarang;
}
}
var buku1 = new Buku("Belajar JavaScript", "John Doe");
console.log(buku1.cetakInfo()); // Output: Belajar JavaScript ditulis oleh John Doe
Pada contoh di atas, fungsi cetakInfo() didefinisikan setiap kali object baru dibuat. Ini tidak efisien karena metode sebaiknya hanya didefinisikan sekali dan diwarisi oleh semua instance dari object tersebut.
Untuk mengatasi issue ini, kita dapat mendefinisikan metode di dalam prototipe dari object.
function Buku(judul, pengarang) {
this.judul = judul;
this.pengarang = pengarang;
}
Buku.prototype.cetakInfo = function() {
return this.judul + " ditulis oleh " + this.pengarang;
}
var buku1 = new Buku("Belajar JavaScript", "John Doe");
console.log(buku1.cetakInfo()); // Output: Belajar JavaScript ditulis oleh John Doe
Setelah metode didefinisikan dalam prototipe, metode tersebut akan diwarisi oleh semua instance dari Buku tanpa perlu mendefinisikan lagi dalam setiap instance.