cari
Rumahhujung hadapan webtutorial jsCorak 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.

Salin kod Kod adalah seperti berikut:

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

Untuk kebanyakan kelas, sebaiknya gunakan kata kunci dan pembina baharu, yang boleh menjadikan kod lebih ringkas dan mudah dibaca. Daripada perlu melihat kaedah kilang untuk mengetahui. 

Corak kilang menyelesaikan masalah instantiasi berulang, tetapi terdapat masalah lain, iaitu masalah pengenalan, kerana adalah mustahil untuk mengetahui objek mana yang menjadi contoh.

Salin kod Kod adalah seperti berikut:
makluman(jenis ujian1); //Objek
alert(test1 instanceof Object); //true

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.

Salin kod Kod adalah seperti berikut:

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.

Terdapat beberapa spesifikasi untuk kaedah pembina:

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 ().

3. Jalankan kod dalam pembina; 4. Kembalikan objek baru (kembali terus di latar belakang).



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

Kod adalah seperti berikut:         fungsi Kereta(model, tahun, batu) {
This.model = model;
This.year = tahun;
This.miles = batu;
}
Car.prototype.run = fungsi () {
                kembalikan this.model " telah melakukan " this.miles " miles ";

};
        var Benz = Kereta baharu('S350',2010,20000);
      var Ford = Kereta baharu('Ford',2012,12000);

console.log(Benz.run());//"S350 telah melakukan 20000 batu "
console.log(Ford.run());


Kini satu contoh run() boleh dikongsi antara semua objek Kereta.

Kenyataan
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Adakah JavaScript ditulis dalam C? Memeriksa buktiAdakah JavaScript ditulis dalam C? Memeriksa buktiApr 25, 2025 am 12:15 AM

Ya, teras enjin JavaScript ditulis dalam C. 1) Bahasa C menyediakan prestasi yang efisien dan kawalan asas, yang sesuai untuk pembangunan enjin JavaScript. 2) Mengambil enjin V8 sebagai contoh, terasnya ditulis dalam C, menggabungkan kecekapan dan ciri-ciri berorientasikan objek C. 3) Prinsip kerja enjin JavaScript termasuk parsing, penyusun dan pelaksanaan, dan bahasa C memainkan peranan penting dalam proses ini.

Peranan JavaScript: Membuat Web Interaktif dan DinamikPeranan JavaScript: Membuat Web Interaktif dan DinamikApr 24, 2025 am 12:12 AM

JavaScript adalah di tengah -tengah laman web moden kerana ia meningkatkan interaktiviti dan dinamik laman web. 1) Ia membolehkan untuk menukar kandungan tanpa menyegarkan halaman, 2) memanipulasi laman web melalui Domapi, 3) menyokong kesan interaktif kompleks seperti animasi dan drag-and-drop, 4) mengoptimumkan prestasi dan amalan terbaik untuk meningkatkan pengalaman pengguna.

C dan JavaScript: Sambungan dijelaskanC dan JavaScript: Sambungan dijelaskanApr 23, 2025 am 12:07 AM

C dan JavaScript mencapai interoperabilitas melalui webassembly. 1) Kod C disusun ke dalam modul WebAssembly dan diperkenalkan ke dalam persekitaran JavaScript untuk meningkatkan kuasa pengkomputeran. 2) Dalam pembangunan permainan, C mengendalikan enjin fizik dan rendering grafik, dan JavaScript bertanggungjawab untuk logik permainan dan antara muka pengguna.

Dari laman web ke aplikasi: Aplikasi pelbagai JavaScriptDari laman web ke aplikasi: Aplikasi pelbagai JavaScriptApr 22, 2025 am 12:02 AM

JavaScript digunakan secara meluas di laman web, aplikasi mudah alih, aplikasi desktop dan pengaturcaraan sisi pelayan. 1) Dalam pembangunan laman web, JavaScript mengendalikan DOM bersama -sama dengan HTML dan CSS untuk mencapai kesan dinamik dan menyokong rangka kerja seperti JQuery dan React. 2) Melalui reaktnatif dan ionik, JavaScript digunakan untuk membangunkan aplikasi mudah alih rentas platform. 3) Rangka kerja elektron membolehkan JavaScript membina aplikasi desktop. 4) Node.js membolehkan JavaScript berjalan di sisi pelayan dan menyokong permintaan serentak yang tinggi.

Python vs JavaScript: Gunakan Kes dan Aplikasi MembandingkanPython vs JavaScript: Gunakan Kes dan Aplikasi MembandingkanApr 21, 2025 am 12:01 AM

Python lebih sesuai untuk sains data dan automasi, manakala JavaScript lebih sesuai untuk pembangunan front-end dan penuh. 1. Python berfungsi dengan baik dalam sains data dan pembelajaran mesin, menggunakan perpustakaan seperti numpy dan panda untuk pemprosesan data dan pemodelan. 2. Python adalah ringkas dan cekap dalam automasi dan skrip. 3. JavaScript sangat diperlukan dalam pembangunan front-end dan digunakan untuk membina laman web dinamik dan aplikasi satu halaman. 4. JavaScript memainkan peranan dalam pembangunan back-end melalui Node.js dan menyokong pembangunan stack penuh.

Peranan C/C dalam JavaScript Jurubah dan PenyusunPeranan C/C dalam JavaScript Jurubah dan PenyusunApr 20, 2025 am 12:01 AM

C dan C memainkan peranan penting dalam enjin JavaScript, terutamanya digunakan untuk melaksanakan jurubahasa dan penyusun JIT. 1) C digunakan untuk menghuraikan kod sumber JavaScript dan menghasilkan pokok sintaks abstrak. 2) C bertanggungjawab untuk menjana dan melaksanakan bytecode. 3) C melaksanakan pengkompil JIT, mengoptimumkan dan menyusun kod hot-spot semasa runtime, dan dengan ketara meningkatkan kecekapan pelaksanaan JavaScript.

JavaScript in Action: Contoh dan projek dunia nyataJavaScript in Action: Contoh dan projek dunia nyataApr 19, 2025 am 12:13 AM

Aplikasi JavaScript di dunia nyata termasuk pembangunan depan dan back-end. 1) Memaparkan aplikasi front-end dengan membina aplikasi senarai TODO, yang melibatkan operasi DOM dan pemprosesan acara. 2) Membina Restfulapi melalui Node.js dan menyatakan untuk menunjukkan aplikasi back-end.

JavaScript dan Web: Fungsi teras dan kes penggunaanJavaScript dan Web: Fungsi teras dan kes penggunaanApr 18, 2025 am 12:19 AM

Penggunaan utama JavaScript dalam pembangunan web termasuk interaksi klien, pengesahan bentuk dan komunikasi tak segerak. 1) kemas kini kandungan dinamik dan interaksi pengguna melalui operasi DOM; 2) pengesahan pelanggan dijalankan sebelum pengguna mengemukakan data untuk meningkatkan pengalaman pengguna; 3) Komunikasi yang tidak bersesuaian dengan pelayan dicapai melalui teknologi Ajax.

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

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

Alat panas

SecLists

SecLists

SecLists ialah rakan penguji keselamatan muktamad. Ia ialah koleksi pelbagai jenis senarai yang kerap digunakan semasa penilaian keselamatan, semuanya di satu tempat. SecLists membantu menjadikan ujian keselamatan lebih cekap dan produktif dengan menyediakan semua senarai yang mungkin diperlukan oleh penguji keselamatan dengan mudah. Jenis senarai termasuk nama pengguna, kata laluan, URL, muatan kabur, corak data sensitif, cangkerang web dan banyak lagi. Penguji hanya boleh menarik repositori ini ke mesin ujian baharu dan dia akan mempunyai akses kepada setiap jenis senarai yang dia perlukan.

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Persekitaran pembangunan bersepadu PHP yang berkuasa

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

MinGW - GNU Minimalis untuk Windows

MinGW - GNU Minimalis untuk Windows

Projek ini dalam proses untuk dipindahkan ke osdn.net/projects/mingw, anda boleh terus mengikuti kami di sana. MinGW: Port Windows asli bagi GNU Compiler Collection (GCC), perpustakaan import yang boleh diedarkan secara bebas dan fail pengepala untuk membina aplikasi Windows asli termasuk sambungan kepada masa jalan MSVC untuk menyokong fungsi C99. Semua perisian MinGW boleh dijalankan pada platform Windows 64-bit.

Versi Mac WebStorm

Versi Mac WebStorm

Alat pembangunan JavaScript yang berguna