Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimanakah warisan dalam pembina berfungsi dalam JavaScript?

Bagaimanakah warisan dalam pembina berfungsi dalam JavaScript?

WBOY
WBOYke hadapan
2023-08-21 20:33:081353semak imbas

Bagaimanakah warisan dalam pembina berfungsi dalam JavaScript?

Dalam artikel ini, kita akan membincangkan cara pewarisan berfungsi dalam JavaScript dan cara memanfaatkan ciri pengaturcaraan berorientasikan objek ini dalam pembina JavaScript.

Kami juga akan memberikan pengenalan ringkas kepada objek prototaip dalam JavaScript. Oleh itu, pengetahuan terdahulu tentang perkara ini amat dihargai.

Dalam JavaScript, pewarisan ialah mekanisme yang mana satu objek boleh mewarisi sifat dan kaedah daripada objek lain. Ini boleh dicapai dengan menggunakan pembina dan sifat prototaip.

Apabila mencipta pembina, anda boleh menggunakan sifat prototaip untuk menambah sifat dan kaedah pada objek prototaip pembina. Sebarang objek yang dibuat menggunakan pembina kemudian mewarisi sifat dan kaedah ini.

Contoh

Mari kita fahami melalui contoh berikut:

function Person(name, age) {
   this.name = name;
   this.age = age;
}
Person.prototype.getName = function() {
   return this.name;
};

Dalam contoh ini, pembina Orang mempunyai sifat nama dan umur serta kaedah getName. Sebarang objek yang dibuat menggunakan pembina Orang mewarisi sifat dan kaedah ini daripada prototaip.

Anda juga boleh mencipta pembina baharu yang mewarisi daripada pembina sedia ada dengan memanggil pembina induk menggunakan kaedah panggilan atau gunakan dan menghantar ini sebagai hujah pertama.

Contoh

Berikut ialah contoh lengkap pewarisan yang berfungsi dalam JavaScript:

// Parent constructor function
function Person(name, age) {
   this.name = name;
   this.age = age;
}
// Adding a method to the prototype
Person.prototype.getName = function() {
   return this.name;
};
// Child constructor function
function Employee(name, age, company) {
   
   // Calling the parent constructor function
   Person.call(this, name, age);
   this.company = company;
}
// Setting the prototype of the child constructor function
Employee.prototype = Object.create(Person.prototype);
Employee.prototype.constructor = Employee;

// Adding a method to the child constructor function
Employee.prototype.getCompany = function() {
   return this.company;
};
const employee1 = new Employee("John", 25, "Google");
console.log(employee1.name); // "John"
console.log(employee1.age); // 25
console.log(employee1.getName()); // "John"
console.log(employee1.getCompany()); // "Google"

Dalam contoh ini, kami mempunyai pembina induk yang dipanggil Person, yang menerima parameter nama dan umur, dan ia mempunyai kaedah yang dipanggil getName(), yang ditambahkan pada prototaip pembina Person. Kemudian kita mempunyai pembina kanak-kanak yang dipanggil Pekerja, yang mewarisi sifat dan kaedah pembina Orang. Pembina Pekerja menerima parameter syarikat tambahan, dan ia mempunyai kaedah yang dipanggil getCompany(), yang ditambahkan pada prototaip pembina Pekerja.

Jadi, dalam JavaScript, pembina boleh digunakan untuk mencipta objek yang mewarisi sifat dan kaedah daripada objek induk, sama ada dengan menambahkan sifat dan kaedah pada objek prototaip pembina, atau dengan mencipta objek baharu yang diwarisi daripada pembina sedia ada melaksanakan.

Atas ialah kandungan terperinci Bagaimanakah warisan dalam pembina berfungsi dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam