


Pembelajaran Corak Reka Bentuk JavaScript 'Pewarisan Kelas'_kemahiran javascript
Sebelum melakukan sesuatu, anda mesti faham dahulu kebaikan melakukannya Saya percaya tiada siapa yang sanggup melakukan sesuatu tanpa sebab. Secara umumnya, apabila kami mereka bentuk kelas, kami sebenarnya berharap untuk mengurangkan kod berulang Menggunakan warisan boleh melakukan ini dengan sempurna Dengan mekanisme pewarisan, anda boleh mereka bentuk semula berdasarkan kelas sedia ada dan Pengubahsuaian sepenuhnya kepada reka bentuk menjadi lebih mudah dengan mengambil kesempatan. daripada kaedah yang telah mereka miliki. Tanpa berlengah lagi, berikut adalah beberapa contoh:
fungsi Orang(nama){
This.name = nama;
}
Person.prototype.getname = function(){
Kembalikan nama ini;
}
fungsi Blogger(nama,blog){
Person.call(ini,nama);
This.blog = blog;
}
var blogger = Bloger baharu("zhenn","http://www.jb51.net");
alert(bloger.name=="zhenn"); /*return true*/
alert(bloger.blog) /*Amaran http://www.jb51.net*/
alert(bloger.getname()=="zhenn"); /*Prompt "bloger.getname is not a function"*/
Seperti yang anda lihat daripada contoh di atas, Blogger secara dinamik memanggil sifat asli dan kaedah kelas induknya Orang melalui panggilan secara dalaman (untuk penjelasan tentang panggilan, sila rujuk http://www.jb51.net/article/ 62086.htm ), yang boleh difahami sebagai Bloger mewarisi Person dan menjadi subkelasnya, tetapi pelajar yang berhati-hati akan mendapati bahawa kaedah dalam objek prototaip Person tidak boleh diwarisi hanya dengan bergantung pada panggilan, yang bermaksud "bloger. getname is not fungsi" adalah sebabnya. Tetapi jangan risau, anda boleh menyelesaikan masalah ini dengan sedikit pemprosesan kod di atas!
fungsi Orang(nama){
This.name = nama;
}
Person.prototype.getname = function(){
Kembalikan nama ini;
}
fungsi Blogger(nama,blog){
Person.call(ini,nama);
This.blog = blog;
}
/*Sila beri perhatian kepada dua baris kod berikut*/
Bloger.prototype = new Person();
Bloger.prototype.constructor = Bloger;
var blogger = Bloger baharu("zhenn","http://www.jb51.net");
alert(bloger.name=="zhenn"); /*return true*/
alert(bloger.blog) /*Amaran http://www.jb51.net*/
alert(bloger.getname()=="zhenn"); /*Prompt true*/
Di sini kita perlu menerangkan kedua-dua baris kod ini objek Sifat dan kaedah yang ditakrifkan boleh dikongsi oleh semua objek contoh Ia boleh disimpulkan bahawa tujuan menambah dua baris kod adalah untuk menetapkan objek prototaip subkelas untuk menunjuk kepada objek instantiated kelas induk, dan instantiated. objek kelas induk Semua kaedah atribut prototaip kelas induk akan diwarisi, dengan itu mencapai matlamat kami Prototaip subkelas mewarisi semua sifat dan kaedah objek contoh kelas induk.
Tetapi anda juga harus memberi perhatian kepada baris kod Bloger.prototype.constructor = Bloger kerana apabila anda menetapkan prototaip subkelas kepada contoh kelas induk, atribut pembinanya akan menunjuk ke kelas induk, jadi anda perlu menetapkan semula pembina prototaip subkelas tersebut.
Untuk memudahkan pengisytiharan subkelas, keseluruhan proses melanjutkan subkelas boleh ditulis dalam fungsi yang dipanggil extend Fungsinya adalah untuk mencipta kelas baharu berdasarkan struktur kelas yang diberikan:
fungsi extend(childClass,parentClass){
var F = Fungsi baharu();
F.prototype = parentClass.prototype;
childClass.prototype = new F();
childClass.prototype.constructor = childClass;
}
Dengan fungsi extend ini, anda boleh dengan mudah memanjangkan subkelas. Hanya panggil fungsi ini Dua baris kod yang ditambahkan di atas boleh ditukar kepada extend(Bloger,Person), dan warisan penuh juga boleh dicapai!

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas



Dalam rangka kerja Java, perbezaan antara corak reka bentuk dan corak seni bina ialah corak reka bentuk mentakrifkan penyelesaian abstrak kepada masalah biasa dalam reka bentuk perisian, memfokuskan pada interaksi antara kelas dan objek, seperti corak kilang. Corak seni bina mentakrifkan hubungan antara struktur sistem dan modul, memfokuskan pada organisasi dan interaksi komponen sistem, seperti seni bina berlapis.

Corak penghias ialah corak reka bentuk struktur yang membolehkan penambahan dinamik fungsi objek tanpa mengubahsuai kelas asal. Ia dilaksanakan melalui kerjasama komponen abstrak, komponen konkrit, penghias abstrak dan penghias konkrit, dan boleh mengembangkan fungsi kelas secara fleksibel untuk memenuhi keperluan yang berubah-ubah. Dalam contoh ini, penghias susu dan mocha ditambahkan pada Espresso untuk jumlah harga $2.29, menunjukkan kuasa corak penghias dalam mengubah suai gelagat objek secara dinamik.

1. Corak kilang: Asingkan penciptaan objek dan logik perniagaan, dan cipta objek jenis tertentu melalui kelas kilang. 2. Corak pemerhati: membenarkan objek subjek memberitahu objek pemerhati tentang perubahan keadaan mereka, mencapai gandingan longgar dan corak pemerhati.

Corak reka bentuk menyelesaikan cabaran penyelenggaraan kod dengan menyediakan penyelesaian yang boleh digunakan semula dan boleh diperluas: Corak Pemerhati: Membenarkan objek melanggan acara dan menerima pemberitahuan apabila ia berlaku. Corak Kilang: Menyediakan cara terpusat untuk mencipta objek tanpa bergantung pada kelas konkrit. Corak Singleton: memastikan bahawa kelas hanya mempunyai satu contoh, yang digunakan untuk mencipta objek yang boleh diakses secara global.

Corak Penyesuai ialah corak reka bentuk struktur yang membolehkan objek yang tidak serasi berfungsi bersama Ia menukar satu antara muka kepada yang lain supaya objek boleh berinteraksi dengan lancar. Penyesuai objek melaksanakan corak penyesuai dengan mencipta objek penyesuai yang mengandungi objek yang disesuaikan dan melaksanakan antara muka sasaran. Dalam kes praktikal, melalui mod penyesuai, pelanggan (seperti MediaPlayer) boleh memainkan media format lanjutan (seperti VLC), walaupun ia sendiri hanya menyokong format media biasa (seperti MP3).

TDD digunakan untuk menulis kod PHP berkualiti tinggi Langkah-langkahnya termasuk: menulis kes ujian, menerangkan fungsi yang diharapkan dan menjadikannya gagal. Tulis kod supaya hanya kes ujian lulus tanpa pengoptimuman yang berlebihan atau reka bentuk terperinci. Selepas kes ujian lulus, optimumkan dan faktorkan semula kod untuk meningkatkan kebolehbacaan, kebolehselenggaraan dan kebolehskalaan.

Rangka kerja Guice menggunakan beberapa corak reka bentuk, termasuk: Corak Singleton: memastikan kelas hanya mempunyai satu tika melalui anotasi @Singleton. Corak kaedah kilang: Cipta kaedah kilang melalui anotasi @Provides dan dapatkan contoh objek semasa suntikan pergantungan. Mod strategi: Bungkus algoritma ke dalam kelas strategi yang berbeza dan nyatakan strategi khusus melalui anotasi @Named.

Kelebihan menggunakan corak reka bentuk dalam rangka kerja Java termasuk: kebolehbacaan kod yang dipertingkatkan, kebolehselenggaraan dan kebolehskalaan. Kelemahan termasuk kerumitan, overhed prestasi dan keluk pembelajaran yang curam akibat penggunaan berlebihan. Kes praktikal: Mod proksi digunakan untuk malas memuatkan objek. Gunakan corak reka bentuk dengan bijak untuk memanfaatkan kelebihannya dan meminimumkan kelemahannya.
