Fungsi Pembina JavaScript

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

Fungsi pembina (constructor function) adalah pelan tindakan untuk objek. Gunakannya untuk mencipta banyak objek dengan struktur yang sama.

Cara ia berfungsi:

Anda menggunakan kata kunci new untuk memanggil fungsi pembina. Proses ini melakukan empat perkara:

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

Contoh kod:

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

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

Peraturan yang perlu diikuti:

• Mulakan nama fungsi dengan huruf besar.
• Gunakan this untuk menetapkan sifat (properties) kepada objek baharu.

Peranan this:

Di dalam pembina, this merujuk kepada objek khusus yang sedang anda bina. Sebagai contoh, this.name = name menetapkan nilai parameter kepada sifat objek tersebut.

Menambah kaedah (methods):

Anda boleh menambah fungsi di dalam pembina supaya setiap objek boleh menggunakannya.

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

Kecekapan memori:

Jika anda menambah kaedah secara terus kepada pembina, setiap objek akan mendapat salinan sendiri. Ini menggunakan lebih banyak memori.

Sebaliknya, gunakan prototype. Menambah kaedah kepada prototype akan berkongsi satu salinan tunggal dalam kalangan semua objek.

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

Ringkasan:

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

Sumber: https://www.w3schools.com/js/js_object_constructors.asp Sumber: https://www.geeksforgeeks.org/javascript/javascript-function-constructor/ Sumber: 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