DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja

Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

OBJECT CONSTRUCTOR

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.

Apa itu Object Constructor

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");

Membuat Object dengan Constructor

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");

Menambahkan Property dan Method pada Object

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

Metode dalam Constructor

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.

👈🏼 Get dan Set Accessor
Object prototype 👉🏼