Rumah  >  Artikel  >  hujung hadapan web  >  Analisis mendalam tentang mekanisme rantai prototaip dalam JavaScript

Analisis mendalam tentang mekanisme rantai prototaip dalam JavaScript

PHPz
PHPzasal
2024-02-18 19:20:06766semak imbas

Penjelasan mengenai rantaian prototaip dalam javascript, setiap objek mempunyai prototaip. kaedah.

Analisis mendalam tentang mekanisme rantai prototaip dalam JavaScriptRantai prototaip dilaksanakan melalui atribut _proto_ setiap objek, yang menunjuk ke prototaip objek. Jika objek tidak dapat mencari sifat atau kaedah yang diperlukan, ia akan meneruskan rantaian prototaip sehingga ia menemui atau mencapai penghujung rantaian prototaip.

Mari kita lihat contoh untuk mencipta pembina yang dipanggil Person dan objek instancenya:

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

var person1 = new Person('Alice', 25);

Apabila menggunakan operator baharu untuk mencipta objek person1, operasi berikut akan dilakukan:

Buat objek kosong person1.

Tuding atribut _proto_ person1 kepada prototaip pembina Person, iaitu Person.prototype.

Laksanakan pembina Orang, arahkan ini kepada orang1, dan tetapkan nama dan atribut umur.
  1. Sebenarnya, Person.prototype ialah prototaip person1 Kita boleh menambah kaedah dan atribut pada prototaip:
  2. Person.prototype.sayHello = function() {
        console.log('Hello, my name is ' + this.name);
    };
  3. Sekarang, objek person1 boleh menggunakan kaedah sayHello:
  4. person1.sayHello();  // 输出: Hello, my name is Alice
  5. Apabila kita memanggil person1.sayHello(. ) kaedah, Javascript Pertama, ia mencari kaedah ini dalam objek person1 Jika ia tidak dijumpai, ia akan terus mencari di sepanjang rantai prototaip dalam Person.prototype dan melaksanakannya selepas menemuinya.

Jika kita menambah atribut baharu dalam Person.prototype, person1 juga boleh menggunakannya:

Person.prototype.gender = 'Female';
console.log(person1.gender);  // 输出: Female

Rantai prototaip juga boleh melaksanakan warisan, kita boleh mencipta Pelajar pembina baharu dan biarkan ia diwarisi daripada Orang:

function Student(name, age, school) {
    Person.call(this, name, age);
    this.school = school;
}

Student.prototype = Object.create(Person.prototype);
Student.prototype.constructor = Student;

Dalam perkara di atas kod, kami menggunakan kaedah Object.create() untuk mencipta objek Student.prototype, halakan atribut _proto_nya kepada Person.prototype, dan halakan Student.prototype.constructor kepada pembina Pelajar.

Kini, kita boleh mencipta objek pelajar1 dan menggunakan sifat dan kaedah yang diwarisi daripada Orang:

var student1 = new Student('Bob', 20, 'ABC School');

console.log(student1.name);   // 输出: Bob
console.log(student1.age);    // 输出: 20
student1.sayHello();          // 输出: Hello, my name is Bob
console.log(student1.school);  // 输出: ABC School

Dalam contoh di atas, objek pelajar1 boleh mengakses sifat dan kaedah yang diwarisi daripada Orang kerana melalui rantaian prototaip, ia Sifat dan kaedah boleh didapati.

Rantai prototaip ialah mekanisme penting dalam Javascript untuk melaksanakan pewarisan objek dan sifat serta kaedah yang dikongsi. Ia menjadikan kod lebih cekap dan fleksibel. Apabila menulis kod Javascript, adalah sangat penting untuk mempunyai pemahaman yang mendalam tentang rantaian prototaip.

Ringkasan:

Setiap objek mempunyai prototaip Prototaip ialah objek yang mengandungi sifat dan kaedah yang dikongsi.

Melalui atribut _proto_ objek, anda boleh melaksanakan rantaian prototaip dan merealisasikan pewarisan dan perkongsian atribut dan kaedah.

Rantai prototaip ialah mekanisme untuk melaksanakan pewarisan objek dan sifat dan kaedah yang dikongsi dalam Javascript.
  • Saya berharap melalui penjelasan artikel ini, anda akan mendapat pemahaman yang lebih mendalam tentang rantaian prototaip dalam Javascript.

Atas ialah kandungan terperinci Analisis mendalam tentang mekanisme rantai prototaip dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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