Fungsi Konstruktor JavaScript

Fungsi Konstruktor JavaScript

Fungsi konstruktor adalah cetak biru untuk objek. Gunakan fungsi ini untuk membuat banyak objek dengan struktur yang sama.

Cara kerjanya:

Anda menggunakan kata kunci new untuk memanggil fungsi konstruktor. Proses ini melakukan empat hal:

• Membuat objek kosong.
• Mengatur this untuk merujuk ke objek baru tersebut.
• Menjalankan kode di dalam fungsi.
• Mengembalikan objek baru tersebut.

Contoh kode:

function Employee(name, salary) {
    this.name = name;
    this.salary = salary;
}

const emp1 = new Employee("Saravanan", 50000);

Aturan yang harus diikuti:

• Awali nama fungsi dengan huruf kapital.
• Gunakan this untuk menetapkan properti ke objek baru.

Peran this:

Di dalam konstruktor, this merujuk pada objek spesifik yang sedang Anda buat. Sebagai contoh, this.name = name menetapkan nilai parameter ke properti objek.

Menambahkan metode:

Anda dapat menambahkan fungsi di dalam konstruktor agar setiap objek dapat menggunakannya.

function Employee(name, salary) {
    this.name = name;
    this.salary = salary;
    this.displayInfo = function() {
        console.log(this.name + " earns " + this.salary);
    };
}

Efisiensi memori:

Jika Anda menambahkan metode secara langsung ke konstruktor, setiap objek akan memiliki salinan sendiri. Hal ini menggunakan lebih banyak memori.

Sebagai gantinya, gunakan prototype. Menambahkan metode ke prototype akan membagikan satu salinan tunggal ke semua objek.

Employee.prototype.greet = function() {
    console.log("Hello " + this.name);
};

Ringkasan:

• Gunakan literal objek untuk satu objek saja.
• Gunakan fungsi konstruktor untuk banyak objek dengan struktur yang sama.

Source: https://www.w3schools.com/js/js_object_constructors.asp Source: https://www.geeksforgeeks.org/javascript/javascript-function-constructor/ Source: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function

Post link: https://dev.to/dev_saravanan_journey/javascript-constructor-functions-k6k