𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗖𝗼𝗻𝘀𝘁𝗿𝘂𝗰𝘁𝗼𝗿 𝗙𝘂𝗻𝗰𝘁𝗶𝗼𝗻𝘀

𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗙𝘂𝗻𝗴𝘀𝗶 𝗣𝗲𝗺𝗯𝗶𝗻𝗮

Gunakan fungsi pembina untuk mencipta banyak objek dengan struktur yang sama.

Fungsi pembina bertindak sebagai pelan tindakan (blueprint). Anda menggunakan kata kunci new untuk membina objek daripada pelan ini. Anda harus memulakan nama pembina dengan huruf besar.

Cara ia berfungsi:

Apabila anda menggunakan kata kunci new, JavaScript melakukan empat perkara:

• Ia mencipta satu objek kosong yang baharu.
• Ia menetapkan this untuk merujuk kepada objek baharu tersebut.
• Ia melaksanakan kod fungsi tersebut.
• Ia mengembalikan objek baharu tersebut.

Kata kunci this adalah sangat penting. Di dalam fungsi, this merujuk kepada objek baharu anda.

Contoh:

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

const emp1 = new Employee("Ram", 50000);
const emp2 = new Employee("Kumar", 60000);

Kedua-dua objek berkongsi struktur yang sama.

Menambah kaedah:

Anda boleh menambah fungsi di dalam pembina.

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

Pengurusan memori:

Menambah kaedah secara terus di dalam pembina akan mencipta salinan baharu bagi setiap objek. Ini menggunakan lebih banyak memori.

Sebaliknya, gunakan sifat prototype.

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

Kini, setiap pekerja berkongsi satu salinan tunggal bagi kaedah greet. Ini menjadikan kod anda lebih cekap.

Ringkasan:

• Gunakan literal objek untuk objek tunggal.
• Gunakan fungsi pembina untuk pelbagai objek dengan bentuk yang sama.

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