Rumah >hujung hadapan web >tutorial js >Corak reka bentuk JavaScript corak kilang dan corak pembina kemahiran_javascript
Apakah itu corak
Saya sedang bersiap untuk peperiksaan akhir sebentar tadi. Ia sangat memenatkan dan memenatkan, dan saya benar-benar tidak mempunyai masa untuk mengemas kini artikel Hari ini saya akan bercakap dengan anda tentang corak reka bentuk dalam JavaScript.
Pertama sekali, apa yang perlu kita ketahui ialah: corak ialah penyelesaian yang boleh diguna semula, manakala anti-corak ialah penyelesaian yang lemah untuk masalah tertentu.
Contoh biasa anti-corak js
1. Hantar rentetan kepada setTimeout dan setInterval bukannya fungsi, yang mencetuskan penggunaan dalaman eval().
2. Tentukan sejumlah besar pembolehubah dalam konteks global untuk mencemarkan ruang nama global
3. Ubah suai prototaip kelas Objek
4. Gunakan js dalam bentuk sebaris Kod js yang dibenamkan dalam fail HTML tidak boleh disertakan dalam alat ujian unit luaran.
5. Menyalahgunakan document.write. Jika document.write dilaksanakan selepas halaman dimuatkan, ia akan menulis semula halaman yang kami ada. Jika anda boleh menggunakan document.creatElement, cuba jangan gunakan document.write.
Kategori corak reka bentuk
Corak Rekaan Kreatif
Corak reka bentuk kreatif memberi tumpuan kepada pengendalian mekanisme penciptaan objek untuk mencipta objek dengan cara yang sesuai untuk situasi tertentu. Hartanah yang termasuk dalam kategori ini termasuk:
Pembina, Kilang, Abstrak, Prototaip, Singleton dan Pembina
Corak Reka Bentuk Struktur
Corak struktur adalah mengenai komposisi objek dan selalunya boleh digunakan untuk mencari cara mudah untuk mewujudkan hubungan antara objek yang berbeza.
Corak yang termasuk dalam kategori ini termasuk:
Penghias, Penampilan fasad, Flyweight, Penyesuai penyesuai dan ejen Proksi
Corak Reka Bentuk Tingkah Laku
Corak tingkah laku memfokuskan pada menambah baik atau memudahkan komunikasi antara objek berbeza dalam sistem.
Corak tingkah laku termasuk:
Iterator, Pengantara, Pemerhati dan Pelawat
Mod kilang
Untuk menyelesaikan masalah pengisytiharan berbilang objek yang serupa, kita boleh menggunakan kaedah yang dipanggil corak kilang Kaedah ini adalah untuk menyelesaikan masalah penduaan yang banyak apabila membuat seketika objek.
Klasifikasi Corak Kilang
Mod kilang dibahagikan kepada kilang mudah, kilang abstrak dan kilang pintar tidak memerlukan penggunaan pembina secara eksplisit.Corak Kilang Mudah: Gunakan kelas (biasanya singleton) untuk menjana kejadian.
Corak kilang yang kompleks: Gunakan subkelas untuk menentukan contoh kelas tertentu pembolehubah ahli.
Faedah Model Kilang
Faedah utama ialah anda boleh menghapuskan gandingan antara objek dengan menggunakan kaedah kejuruteraan dan bukannya kata kunci baharu. Cegah pertindihan kod dengan memusatkan semua kod instantiasi dalam satu lokasi.
Kelemahan model kilang
Corak kilang menyelesaikan masalah instantiasi berulang, tetapi terdapat masalah lain, iaitu masalah pengenalan, kerana adalah mustahil untuk mengetahui objek mana yang menjadi contoh.
Bila menggunakan corak kilang?
Mod kilang digunakan terutamanya dalam senario berikut:
1. Apabila objek atau komponen melibatkan kerumitan tinggi
2. Apabila anda perlu menjana contoh objek yang berbeza dengan mudah mengikut persekitaran yang berbeza
3. Apabila berurusan dengan banyak objek kecil atau komponen yang berkongsi sifat yang sama
Corak pembina
Pembina (kaedah pembina) boleh digunakan dalam ECMAScript untuk mencipta objek tertentu. Mod ini hanya boleh menyelesaikan masalah bahawa mod kilang di atas tidak dapat mengenal pasti kejadian objek.
Menggunakan kaedah pembina bukan sahaja menyelesaikan masalah instantiasi berulang, tetapi juga menyelesaikan masalah pengecaman objek Perbezaan antara mod ini dan mod kilang ialah:
1. Kaedah pembina tidak mencipta objek secara eksplisit (Objek baharu());
2. Tetapkan sifat dan kaedah secara langsung kepada objek ini;
3. Tiada penyata pulangan.
1. Nama fungsi dan nama pembina instantiasi adalah sama dan huruf besar (PS: Ia tidak wajib, tetapi menulis dengan cara ini membantu membezakan pembina daripada fungsi biasa); 2. Untuk mencipta objek melalui pembina, anda mesti menggunakan operator baharu.
Memandangkan objek boleh dibuat melalui pembina, dari manakah objek ini datang, dan di manakah Object() baharu dilaksanakan? Proses pelaksanaan adalah seperti berikut:
1. Apabila pembina digunakan dan pembina baru () digunakan, Objek baru () dilaksanakan di latar belakang;
2. Berikan skop pembina kepada objek baru (iaitu, objek yang dicipta oleh Objek baru ()), dan ini dalam badan fungsi mewakili objek yang dicipta oleh Objek baru ().
Pembina dengan prototaip
Terdapat atribut yang dipanggil prototaip dalam js. Selepas memanggil pembina js untuk mencipta objek, objek baharu akan mempunyai semua sifat prototaip pembina. Dengan cara ini, berbilang objek Kereta boleh dibuat dan mempunyai akses kepada prototaip yang sama.
Salin kod
console.log(Benz.run());//"S350 telah melakukan 20000 batu "
console.log(Ford.run());
Kini satu contoh run() boleh dikongsi antara semua objek Kereta.