Analisis mendalam tentang hubungan antara prototaip dan proto dalam kemahiran JavaScript_javascript

prototaip, setiap objek fungsi mempunyai atribut prototaip yang dipaparkan, yang mewakili prototaip objek (pengecualian ialah objek fungsi Function.prototype, yang tidak mempunyai atribut prototaip).

__proto__: Setiap objek mempunyai atribut tersembunyi dalaman bernama __proto__, yang menunjuk ke objek prototaipnya yang sepadan (namanya ialah __proto__ dalam chrome dan firefox, dan boleh diakses). Rantaian prototaip dibentuk berdasarkan __proto__

(nota: bukan berdasarkan prototaip harta objek fungsi).

Ringkasnya: __proto__ ialah prototaip dalaman, dan prototaip ialah prototaip pembina (pembina sebenarnya adalah fungsi)

Prototaip pembina ialah objek

Jadi apakah itu pembina?

Untuk mencipta objek, anda mesti mempunyai pembina objek, sama seperti dalam PHP Jika anda ingin mencipta objek, anda mesti mempunyai kelas
dahulu Intipati pembina ialah fungsi Soalan berikut ialah: Bagaimana untuk mencipta objek melalui pembina ini?

Jawapan: baharu

Pembina membina objek.

1. __proto__ semua pembina/fungsi menghala ke Function.prototype, iaitu fungsi kosong (Fungsi kosong)

Nombor.__proto__ === Fungsi.prototaip
// benar
Boolean.__proto__ === Function.prototype
// benar
String.__proto__ === Function.prototype
// benar
Objek.__proto__ === Fungsi.prototaip
// benar
Fungsi.__proto__ === Fungsi.prototaip
// benar
Array.__proto__ ===
Fungsi.prototaip
// benar
RegExp.__proto__ === Function.prototype
// benar
Ralat.__proto__ ===
Fungsi.prototaip
// benar
Tarikh.__proto__ ===
Fungsi.prototaip
// benar

menerangkan bahawa Nombor dan sebagainya adalah semua pembina, dan pembina ini sebenarnya adalah objek Fungsi. Dalam erti kata lain, ia bersamaan dengan var Number = new Function();

Terdapat sejumlah 12 pembina/objek terbina dalam dalam JavaScript (JSON baru ditambahkan dalam ES5. Berikut ialah 8 pembina yang boleh diakses). Selebihnya seperti Global tidak boleh diakses secara langsung, Argumen hanya dicipta oleh enjin JS apabila fungsi dipanggil, Math dan JSON wujud dalam bentuk objek dan tidak memerlukan yang baru. __proto__ mereka ialah Object.prototype. Seperti berikut

Math.__proto__ === Objek.prototaip
// benar
JSON.__proto__ === Object.prototype
// benar

"semua pembina/fungsi" yang dinyatakan di atas pastinya termasuk yang tersuai. Seperti berikut

// Pengisytiharan fungsi
fungsi Orang()
{}
// Ungkapan fungsi
var Lelaki
=
fungsi()
{}
console.log(Person.__proto__ === Function.prototype)
// benar
console.log(Man.__proto__ ===
Fungsi.prototaip)
// benar

Apakah maksudnya?

Semua pembina datang daripada Function.prototype, malah Pembina akar Objek dan Fungsi itu sendiri. Semua pembina mewarisi sifat dan kaedah Function.prototype. Seperti panjang, panggil, guna, ikat (ES5).

Fungsi.prototaip juga merupakan satu-satunya prototaip yang jenis prototaip XXX ialah "fungsi". Prototaip pembina lain ialah objek. Seperti berikut

console.log(typeof Function.prototype)
// fungsi
console.log(jenis Objek.prototaip)
// objek
console.log(typeof Number.prototype)
// objek
console.log(jenis Boolean.prototaip)
// objek
console.log(jenis String.prototaip)
// objek
console.log(jenis Array.prototaip)
// objek
console.log(jenis RegExp.prototaip)
// objek
console.log(typeof Error.prototype)
// objek
console.log(jenis Tarikh.prototaip)
// objek
console.log(jenis Objek.prototaip)
// objek

Oh, ia juga disebut di atas bahawa ia adalah fungsi kosong, mari kita lihat alert(Function.prototype).

Kami tahu bahawa __proto__ semua pembina (termasuk terbina dalam dan tersuai) ialah Function.prototype, jadi siapakah __proto__ Function.prototype?

Saya percaya anda pernah mendengar bahawa fungsi dalam JavaScript juga merupakan warga kelas pertama, jadi di manakah anda boleh menunjukkannya? Seperti berikut

console.log(Function.prototype.__proto__ ===
Objek.prototaip)
// benar

Ini menunjukkan bahawa semua pembina juga merupakan objek JS biasa, dan atribut boleh ditambah/dialih keluar pada pembina. Pada masa yang sama, ia juga mewarisi semua kaedah pada Object.prototype: toString, valueOf, hasOwnProperty, dsb.

Siapakah __proto__ Object.prototype?

Object.prototype.__proto__ ===
null //
benar

Izinkan saya berkongsi dengan anda gambar rajah hubungan memori Fungsi, Objek, Prototaip dan __proto__