Rumah > hujung hadapan web > tutorial js > Terokai keistimewaan prototaip dan rantai prototaip

Terokai keistimewaan prototaip dan rantai prototaip

PHPz
Lepaskan: 2024-01-13 15:50:06
asal
833 orang telah melayarinya

Terokai keistimewaan prototaip dan rantai prototaip

Meneroka ciri unik prototaip dan rantaian prototaip

Dalam JavaScript, prototaip dan rantaian prototaip adalah konsep yang sangat penting. Memahami ciri unik prototaip dan rantaian prototaip boleh membantu kami memahami dengan lebih baik warisan dan penciptaan objek dalam JavaScript.

Prototaip ialah harta yang dimiliki oleh setiap objek dalam JavaScript Ia menunjuk ke objek lain dan digunakan untuk berkongsi sifat dan kaedah. Setiap objek JavaScript mempunyai prototaip dan boleh mewarisi daripada prototaip objek lain. Hubungan pewarisan ini direalisasikan melalui rantaian prototaip.

Mari kita lihat contoh kod khusus untuk menggambarkan ciri-ciri prototaip dan rantai prototaip.

// 创建一个父类Person
function Person(name, age) {
  this.name = name;
  this.age = age;
}

// 在父类的原型上定义一个方法
Person.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name}`);
};

// 创建一个子类Student
function Student(name, age, grade) {
  Person.call(this, name, age); 
  // 调用父类构造函数,相当于 super(name, age)
  this.grade = grade;
}

// 设置子类的原型为父类的实例
Student.prototype = Object.create(Person.prototype);
// 将子类的原型构造函数指向子类本身
Student.prototype.constructor = Student;

// 在子类的原型上定义一个方法
Student.prototype.study = function() {
  console.log(`${this.name} is studying at grade ${this.grade}`);
};

// 创建一个父类实例
const person = new Person("Alice", 25);
// 调用通过原型继承的父类方法
person.greet(); // 输出:Hello, my name is Alice

// 创建一个子类实例
const student = new Student("Bob", 18, 12);
// 调用通过原型继承的父类方法
student.greet(); // 输出:Hello, my name is Bob
// 调用子类的方法
student.study(); // 输出:Bob is studying at grade 12
Salin selepas log masuk

Dalam contoh kod di atas, kelas induk Orang pertama kali ditakrifkan, yang mempunyai dua atribut nama dan umur, dan pada prototaip Kaedah salam ditakrifkan. Person,它有两个属性nameage,并在原型上定义了一个greet方法。

然后,创建一个子类Student,它通过调用父类的构造函数Person.call(this, name, age)来继承父类的属性,同时也需要修改子类的原型为父类的实例Object.create(Person.prototype),并将子类的原型构造函数指向子类本身Student.prototype.constructor = Student

最后,可以通过创建父类和子类的实例,并调用父类和子类的方法来验证继承关系。父类方法greet可以通过原型链被子类继承和调用,而子类独有的方法study

Kemudian, cipta subkelas Pelajar, yang mewarisi sifat kelas induk dengan memanggil pembina kelas induk Person.call(ini, nama, umur), dan pada pada masa yang sama Anda juga perlu mengubah suai prototaip subkelas untuk menjadi contoh kelas induk Object.create(Person.prototype), dan arahkan pembina prototaip subkelas kepada subkelas itu sendiri Student.prototype.constructor = Pelajar .

Akhir sekali, perhubungan warisan boleh disahkan dengan mencipta tika kelas induk dan kelas anak dan memanggil kaedah kelas induk dan kelas anak. Kaedah kelas induk salam boleh diwarisi dan dipanggil oleh subkelas melalui rantaian prototaip, manakala kaedah unik subkelas kajian ditakrifkan pada prototaip subkelas.

Contoh mudah ini menunjukkan keunikan prototaip dan rantai prototaip, iaitu melalui pewarisan prototaip dan pautan rantai prototaip, kita boleh merealisasikan perkongsian dan pewarisan sifat dan kaedah objek dengan mudah. Warisan berasaskan prototaip ini adalah salah satu ciri JavaScript yang sangat fleksibel dan berkuasa.

Dalam pembangunan sebenar, kita boleh menggunakan ciri-ciri rantaian prototaip untuk membina hubungan objek kompleks dan struktur warisan untuk mencapai penggunaan semula kod dan enkapsulasi. 🎜🎜Ringkasnya, rantaian prototaip dan prototaip ialah ciri unik dalam JavaScript, yang boleh merealisasikan perkongsian dan pewarisan sifat dan kaedah objek melalui pewarisan prototaip dan pautan rantaian prototaip. Memahami konsep dan penggunaan prototaip dan rantaian prototaip boleh membolehkan kami menggunakan pewarisan JavaScript dan fungsi penciptaan objek dengan lebih baik. 🎜

Atas ialah kandungan terperinci Terokai keistimewaan prototaip dan rantai prototaip. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan