Nota Kajian Javascript - Objek (2): Prototaip Objek_Pengetahuan Asas

Javascript ialah satu-satunya bahasa dengan pewarisan prototaip yang digunakan secara meluas, jadi ia memerlukan masa untuk memahami perbezaan antara kedua-dua kaedah pewarisan.

Perbezaan utama pertama ialah Javascript menggunakan rantai prototaip untuk warisan:

function Foo() {
 this.value = 42;
}
Foo.prototype = {
 method: function() {}
};
function Bar() {}

Tetapkan prototaip Bar kepada contoh objek Foo:

Bar.prototype = new Foo();
Bar.prototype.foo = 'Hello World';

Pastikan bahawa pembina Bar adalah dirinya sendiri dan buat contoh objek Bar baharu:

Bar.prototype.constructor = Bar;
var test = new Bar();

Mari kita lihat komposisi keseluruhan rantai prototaip:

test [instance of Bar]
 Bar.prototype [instance of Foo]
 { foo: 'Hello World' }
 Foo.prototype
  { method: ... }
  Object.prototype
  { toString: ... /* etc. */ }

Dalam contoh di atas, ujian objek akan mewarisi kedua-dua Bar.prototype dan Foo.prototype. Oleh itu ia mempunyai akses kepada kaedah fungsi yang ditakrifkan dalam Foo. Sudah tentu, ia juga boleh mengakses nilai hartanah. Perlu dinyatakan bahawa apabila Bar() baharu dipanggil, ia tidak mencipta tika Foo baharu, tetapi menggunakan semula tika Foo yang disertakan dengan objek prototaipnya. Begitu juga, semua kejadian Bar berkongsi harta nilai yang sama. Mari beri contoh:

test1 = new Bar();
 test2 = new Bar();
 Bar.prototype.value = 41;
 test1.value //41
 test2.value//41

Mekanisme carian rantai prototaip

Apabila mengakses sifat objek, Javascript akan merentasi keseluruhan rantai prototaip bermula dari objek itu sendiri sehingga ia menemui sifat yang sepadan. Jika bahagian atas rantaian prototaip dicapai pada masa ini, iaitu Object.prototype dalam contoh di atas, dan sifat yang hendak ditemui masih tidak ditemui, maka Javascript akan mengembalikan nilai yang tidak ditentukan.

Sifat objek prototaip

Walaupun sifat objek prototaip digunakan oleh Javascript untuk membina rantaian prototaip, kami masih boleh memberikan nilai kepadanya. Tetapi menyalin nilai asal ke prototaip adalah tidak sah, seperti:

function Foo() {}
Foo.prototype = 1; // no effect

Berikut ialah penyimpangan daripada artikel ini, memperkenalkan nilai asal:
Dalam Javascript, pembolehubah boleh menyimpan dua jenis nilai, iaitu nilai primitif dan nilai rujukan.

1.Nilai primitif:

Nilai primitif ialah nilai tetap dan mudah, iaitu segmen data ringkas yang disimpan dalam timbunan, iaitu, nilainya disimpan terus di lokasi di mana pembolehubah itu diakses.
Terdapat lima jenis primitif: Undefined, Null, Boolean, Number, dan String.

2. Nilai rujukan:

Nilai rujukan ialah objek yang agak besar, yang disimpan dalam timbunan Dalam erti kata lain, nilai yang disimpan dalam pembolehubah ialah penunjuk, menunjuk ke memori tempat objek disimpan. Semua jenis rujukan disepadukan daripada Object.
Isu prestasi rantai prototaip

Jika harta yang perlu dicari terletak di hujung atas rantai prototaip, maka proses carian sudah pasti akan memberi kesan negatif terhadap prestasi. Ini akan menjadi faktor penting untuk dipertimbangkan dalam senario di mana keperluan prestasi semestinya ketat. Selain itu, cuba mencari sifat yang tidak wujud akan merentasi keseluruhan rantaian prototaip.
Begitu juga, apabila melintasi sifat objek, semua sifat pada rantai prototaip akan diakses.

Ringkasan

Memahami warisan prototaip adalah prasyarat untuk menulis kod Javascript yang lebih kompleks Pada masa yang sama, perhatikan ketinggian rantai prototaip dalam kod. Belajar untuk memisahkan rantai prototaip apabila menghadapi kesesakan prestasi. Selain itu, prototaip objek prototaip dan prototaip __proto__ harus dibezakan Prototaip objek prototaip terutamanya dibincangkan di sini dan isu tentang prototaip __proto__ tidak akan dihuraikan