Rumah > hujung hadapan web > tutorial js > Analisis mendalam rantaian prototaip dalam JavaScript

Analisis mendalam rantaian prototaip dalam JavaScript

WBOY
Lepaskan: 2024-02-18 10:57:07
asal
950 orang telah melayarinya

Analisis mendalam rantaian prototaip dalam JavaScript

Penjelasan terperinci prototaip dalam JS

JavaScript ialah bahasa pengaturcaraan berdasarkan prototaip, dan salah satu konsep terasnya ialah prototaip. Prototaip ialah konsep penting dalam JavaScript, yang merupakan asas untuk pewarisan objek.

Dalam JavaScript, setiap objek mempunyai prototaip. Prototaip objek ialah objek yang mengandungi satu set sifat dan kaedah. Kita boleh menentukan sifat dan kaedah dalam prototaip, dan kemudian semua objek yang dibuat berdasarkan prototaip ini akan mewarisi sifat dan kaedah ini.

Setiap fungsi dalam JavaScript mempunyai atribut prototaip, yang menghala ke objek. Apabila kami menggunakan kata kunci baharu untuk mencipta tika fungsi, tika itu mewarisi sifat dan kaedah dalam prototaip.

Di bawah ini kami menerangkan konsep prototaip melalui contoh kod tertentu.

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

Person.prototype.sayHello = function() {
  console.log("Hello, my name is " + this.name);
}

var person1 = new Person("Tom", 20);
var person2 = new Person("Jerry", 25);

person1.sayHello(); // 输出: Hello, my name is Tom
person2.sayHello(); // 输出: Hello, my name is Jerry
Salin selepas log masuk

Dalam kod di atas, kami mula-mula mentakrifkan fungsi pembina Orang, yang menerima dua nama dan umur parameter, dan memberikan parameter ini kepada nama dan atribut umur bagi contoh semasa proses instantiasi.

Kemudian, kami mentakrifkan kaedah yang dikongsi oleh objek contoh dengan menambahkan kaedah sayHello kepada prototaip Orang. Kaedah ini boleh dipanggil pada objek contoh.

Akhir sekali, kami menggunakan kata kunci baharu untuk mencipta dua tika Orang, orang1 dan orang2, dan masing-masing memanggil kaedah sayHello bagi objek contoh, menghasilkan hasil yang berbeza.

Faedah prototaip ialah ia dapat menyediakan mekanisme pewarisan yang sangat cekap untuk sifat dan kaedah. Jika kita mentakrifkan kaedah yang sama dalam setiap objek, kaedah ini akan berulang kali menduduki banyak ruang memori. Dengan menggunakan prototaip, kita boleh mentakrifkan kaedah ini dalam prototaip, dengan itu merealisasikan perkongsian kaedah dan mengurangkan overhed memori.

Selain kaedah mewarisi dan berkongsi, prototaip juga boleh digunakan untuk menambah dan mengubah suai sifat dan kaedah objek. Dengan mengubah suai prototaip, kita boleh menambah sifat dan kaedah baharu secara dinamik pada objek.

Mari kita lihat contoh lain:

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

var person = new Person("Tom", 20);
console.log(person.sayHello); // 输出: undefined

Person.prototype.sayHello = function() {
  console.log("Hello, my name is " + this.name);
}

person.sayHello(); // 输出: Hello, my name is Tom
Salin selepas log masuk

Dalam kod di atas, kami cuba mengakses kaedah sayHello objek contoh sebelum mencipta orang contoh, dan hasilnya tidak ditentukan. Ini kerana kami hanya menambah kaedah sayHello dalam prototaip selepas mencipta contoh. Sebelum kaedah ditambah pada prototaip, objek contoh tidak mewarisi kaedah ini.

Sifat dinamik prototaip ialah salah satu ciri penting pewarisan rantaian prototaip dalam JavaScript. Ia membolehkan kami menambah dan mengubah suai sifat dan kaedah secara dinamik kepada prototaip pada masa jalan, membolehkan reka bentuk objek fleksibel.

Ringkasnya, prototaip ialah konsep penting dalam JavaScript untuk melaksanakan pewarisan objek dan perkongsian kaedah. Dengan mengubah suai prototaip, kita boleh menambah dan mengubah suai sifat dan kaedah kepada objek. Ciri prototaip membolehkan JavaScript mempunyai reka bentuk objek yang fleksibel dan penggunaan memori yang cekap.

Atas ialah kandungan terperinci Analisis mendalam rantaian prototaip dalam JavaScript. 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