Pengenalan terperinci kepada kelas dalam kemahiran JavaScript_javascript

Dalam JavaScript, anda boleh menggunakan kelas untuk melaksanakan Pengaturcaraan Berorientasikan Objek. Walau bagaimanapun, kelas dalam JavaScript adalah berbeza daripada kelas di Java, dan takrifan serta penggunaannya yang sepadan juga berbeza.

Takrifan kelas dalam JavaScript

Dalam JavaScript, semua objek yang diperoleh daripada objek prototaip yang sama (prototaip) membentuk kelas, iaitu, kelas dalam JavaScript ialah konsep koleksi objek Jika dua objek mempunyai prototaip yang sama ke kelas yang sama; kelas dalam JavaScript tidak memerlukan nama kelas. Ambil kod berikut sebagai contoh:

Salin kod Kod adalah seperti berikut:

var p = {x:42};
var a = Object.create(p);
var b = Object.create(p);
console.log(a === b);//false
console.log(Object.getPrototypeOf(a) === Object.getPrototypeOf(b));//true

Dalam contoh di atas, objek a dan b mempunyai objek prototaip yang sama (prototaip) p, jadi a dan b tergolong dalam kelas yang sama (walaupun kelas ini tidak mempunyai nama kelas), dan mereka mewarisi nilai daripada prototaip objek p sebagai 42 atribut x.

Seperti yang anda lihat daripada contoh ini, objek prototaip berfungsi sebagai templat, dan berbilang objek boleh diperolehi/dicipta daripadanya Statusnya adalah sama dengan kod kelas dalam bahasa Java Teras definisi. Objek prototaip dalam contoh berikut kelihatan lebih seperti kod kelas:

Salin kod Kod adalah seperti berikut:

var p = {
INCREMENT_BY : 1,
kenaikan : fungsi(x){
pulangkan x ini.INCREMENT_BY;
}
}
var a = Object.create(p);
var b = Object.create(p);
console.log(a.increment(7));//8
console.log(b.increment(9));//10

Dalam contoh di atas, objek prototaip p mentakrifkan sifat (INCREMENT_BY) dengan nilai 1 dan fungsi bernama increment a dan b mendapatkan INCREMENT_BY dan fungsi increment daripada templat p. Apabila memanggil fungsi kenaikan objek a atau b, JavaScript akan cuba mendapatkan nilai INCREMENT_BY a atau b (ini.INCREMENT_BY diperoleh daripada p, nilainya adalah semua 1 - diperoleh daripada templat, nilai They adalah semua pembolehubah yang sama, serupa dengan pembolehubah statik di Jawa, jadi dalam contoh di atas, semua aksara besar digunakan apabila menamakan pembolehubah INCREMENT_BY.

Dalam contoh di atas, semua objek yang dicipta daripada templat p (objek yang tergolong dalam kelas yang sama) mempunyai sifat dan gelagat yang sama. Tetapi sebenarnya, untuk objek berbeza dari kelas yang sama, selain mempunyai atribut/tingkah laku yang ditakrifkan oleh kelas, mereka selalunya mempunyai beberapa atribut dan tingkah laku yang unik. Oleh itu, jika anda perlu menggunakan templat prototaip sebagai kelas, anda mesti menyesuaikan setiap objek yang diperoleh daripadanya:

Salin kod Kod adalah seperti berikut:

var p = {
INCREMENT_BY : 1,
kenaikan : fungsi(x){
pulangkan x ini.INCREMENT_BY this.custom_increment_by;
}
}
var a = Object.create(p);
var b = Object.create(p);
a.kenaikan_adat_oleh = 0;
b.kenaikan_adat_oleh = 1;
console.log(a.increment(7));//8
console.log(b.increment(9));//11

Dalam contoh ini, objek a dan b yang dicipta daripada templat p mempunyai pembolehubah custom_increment_by yang nilainya tidak semestinya sama antara satu sama lain, dan hasil akhir kelakuan fungsi increment() mereka adalah berkaitan dengan nilai custom_increment_by. Secara umumnya, menyesuaikan objek baharu selalunya dilakukan dalam fungsi bersatu:

Salin kod Kod adalah seperti berikut:

var p = {
KENAIKAN_OLEH : 1,
kenaikan : fungsi(x){
Kembalikan x ini.INCREMENT_BY this.custom_increment_by;
}
}
fungsi getIncrementalClassObject(customIncrementByValue){
var incrementalObj = Object.create(p);
incrementalObj.custom_increment_by = customIncrementByValue;
kembalikan incrementalObj;
}
var a = getIncrementalClassObject(0);
var b = getIncrementalClassObject(1);
console.log(a.increment(7));//8
console.log(b.increment(9));//11

Dengan cara ini, takrif kelas dilengkapkan melalui objek prototaip p dan fungsi getIncrementalClassObject(): anda boleh mendapatkan objek yang objek prototaipnya ialah p dengan memanggil fungsi getIncrementalClassObject() dan objek baharu ini boleh dibuat semasa panggilan. daripada fungsi getIncrementalClassObject() Buat beberapa penyesuaian. Perlu diingat bahawa kelas yang ditakrifkan ini tidak mempunyai nama kelas pada masa ini Untuk kemudahan penerangan, mari kita panggilnya Incremental.

Melihat kembali kerja yang dilakukan dalam fungsi getIncrementalClassObject(), anda boleh melihat bahawa proses mencipta objek baharu daripada kelas Incremental adalah seperti berikut:

1 Cipta objek kosong dan takrifkan objek prototaipnya sebagai p.
2. Sesuaikan objek kosong yang baru dicipta ini mengikut nilai parameter yang berbeza.
3. Kembalikan objek baru yang telah disesuaikan.

Dalam JavaScript, anda boleh melengkapkan definisi kelas dan penciptaan objek baharu dengan cepat dengan menggunakan Pembina (pembina).

Pembina dalam JavaScript

Seperti yang anda lihat daripada contoh kelas Incremental di atas, mentakrifkan kelas baharu memerlukan dua bahagian kod: mencipta objek prototaip sebagai templat dan mencipta fungsi tersuai untuk memulakan objek baharu semasa mencipta objek baharu kelas melalui Tiga proses: menentukan objek prototaip objek baharu, menyesuaikan/memulakan objek baharu dan mengembalikan objek baharu. Dalam JavaScript, semua ini boleh dilakukan melalui Pembina (pembina).

Pembina dalam JavaScript ialah fungsi yang bertanggungjawab untuk memulakan objek baharu dan prototaip fungsi Pembina ini digunakan sebagai templat untuk mencipta objek baharu. Masih mengambil kelas Incremental di atas sebagai contoh, selepas menggunakan Pembina untuk menulis semula kod, ia akan kelihatan seperti ini:

Salin kod Kod adalah seperti berikut:

fungsi Incremental(customIncrementByValue){
This.custom_increment_by = customIncrementByValue;
}
Incremental.prototype = {
KENAIKAN_OLEH : 1,
kenaikan : fungsi(x){
Kembalikan x ini.INCREMENT_BY this.custom_increment_by;
}
}

var a = Penambahan baharu(0);
var b = Penambahan baharu(1);
console.log(a.increment(7));//8
console.log(b.increment(9));//11

Proses menggunakan fungsi Pembina untuk mencipta objek baharu melalui kata kunci baharu sebenarnya melalui peringkat berikut:

Buat objek kosong baharu.

1. Halakan objek prototaip objek ini kepada atribut prototaip fungsi pembina.
2. Gunakan objek ini sebagai parameter ini untuk melaksanakan fungsi pembina.
3. Ini adalah kerja yang sama yang dilakukan dalam fungsi getIncrementalClassObject() sebelumnya.

Nama kelas

Apabila menggunakan Constructor untuk mencipta objek, objek yang sepadan juga mempunyai "nama kelas", yang boleh disahkan daripada hasil pengendali instanceof:

Salin kod Kod adalah seperti berikut:

console.log(a instanceof Incremental);//true
console.log(b instanceof Incremental);//true

Walau bagaimanapun, pengendali instanceof tidak menentukan sama ada objek dicipta oleh pembina Incremental Operator instanceof hanya menentukan sama ada objek prototaip objek ialah Incremental.prototype. Apabila terdapat dua pembina dengan prototaip yang sama, pengendali instanceof akan kembali benar secara seragam tanpa membezakan pembina mana yang digunakan untuk mencipta objek.

Salin kod Kod adalah seperti berikut:

fungsi Incremental2(customIncrementByValue){
This.custom_increment_by = customIncrementByValue 3;
}
Incremental2.prototype = Incremental.prototype;
console.log(a instanceof Incremental2);//true