Rumah hujung hadapan web tutorial js Pengenalan kepada Corak Penampilan Corak Reka Bentuk JavaScript_Kemahiran Javascript

Pengenalan kepada Corak Penampilan Corak Reka Bentuk JavaScript_Kemahiran Javascript

May 16, 2016 pm 04:24 PM
javascript mod penampilan corak reka bentuk

Penerangan mod penampilan

Penjelasan: Mod penampilan ialah antara muka peringkat tinggi yang disediakan kerana komposisi subsistem atau program yang kompleks Lebih mudah untuk mengakses program atau antara muka sistem menggunakan klien

Mod penampilan ialah mod yang sering kita hadapi Fungsi yang sering kita libatkan mungkin perlu melibatkan beberapa sub antara muka atau subsistem, dan salah satu fungsi kita mungkin hanya memerlukan satu daripada beberapa sub antara muka pakej berurutan. Jika fungsi perniagaan secara langsung sepadan dengan sub-antara muka atau subsistem, pembangun mungkin dikehendaki mempunyai pemahaman yang baik tentang dalaman anda mungkin perlu memahami bagaimana proses perniagaan berjalan, apakah susunannya, dsb. Ini memerlukan pembangun untuk memahami perniagaan, dan juga menjadikan pengaturcaraan pelanggan agak rumit

Jika terdapat lapisan atau kelas di sini yang secara khusus merangkum kaedah yang ingin kami gunakan, fungsi klien hanya perlu berinteraksi dengan kelas lapisan pertengahan ini Kaedah yang sepadan dengan kelas lapisan pertengahan dianjurkan oleh pembangun yang berkaitan yang memahami Enkapsulasi, maka program akan menjadi sangat mudah Pengaturcara hanya perlu mengetahui kaedah yang diperlukan untuk fungsi ini, dan tidak perlu mengetahui logik dalaman.

Kelas lapisan pertengahan ini adalah apa yang kami panggil kelas penampilan Ini adalah idea mod penampilan.

Contoh senario:

1> Ambil contoh suis induk ini boleh mengawal lampu di pintu rumah anda, beberapa lampu di dalam dewan, dan mengawal bekalan kuasa ke TV, peti sejuk anda, dll. Butang kecil yang manakah. adakah anda meletakkan? Tekan "ON", dan semuanya akan mempunyai elektrik, atau secara langsung mengeluarkan cahaya dan haba peralatan elektrik yang berkaitan, tekan sahaja dan elektrik akan menyala.

Lampu, TV dan lain-lain ini adalah antara muka dan sistem kecil yang ingin kami gunakan; suis utama ini adalah kelas penampilan kami, kami boleh mengendalikannya secara terus dengan menghadapnya.

2> Ia seperti sebuah syarikat dengan beberapa jabatan berfungsi Apabila bos memerlukan status pelaksanaan pelbagai aspek kerja, dia akan pergi ke setiap jabatan dan bertanya kepada pekerja bagaimana perkara tertentu ini orang yang betul, anda boleh memberi bos jawapan langsung Jika orang ini tidak bertanggungjawab, dia akan memberitahu bos, oh, siapa yang bertanggungjawab untuk ini, dan bos perlu pergi dan bertanya kepada orang itu, betapa menyusahkannya. .

Jika setiap jabatan berfungsi mempunyai orang yang bertanggungjawab, bos boleh pergi kepadanya terus untuk memahami situasi ini. 2, atau 3 perkara sahaja.

Contoh kod sumber

Sekarang laksanakan kod sumber mengikut senario contoh kedua:

1. Beberapa fungsi jabatan:

Jabatan 1 (Jabatan Perniagaan):


Salin kod Kod adalah seperti berikut:
fungsi BusinessDept() {
this.manager = 'Pengurus Chen'; //Orang yang bertanggungjawab
}
BusinessDept.prototype = {
Jualan Bulanan: function() {
console.log(this.manager 'Berkata: Jualan bulan ini ialah xxx');
},
NextPlan: function() {
console.log(this.manager 'Berkata: Pelan seterusnya adalah seperti ini, xxxx');
}
}

Jabatan 2 (Jabatan R&D):

Salin kod Kod adalah seperti berikut:
fungsi RDdept() {
this.manager = 'Manager Huang';
}
RDdept.prototype = {
kemajuan: function() {
console.log(this.manager 'Berkata: Keadaan dan kemajuan projek semasa adalah seperti ini xxx');
},
deptPlan: function() {
console.log(this.manager 'Berkata: Pelan jabatan seterusnya adalah seperti ini xxx');
}
}

Di atas adalah soalan yang harus dijawab oleh ketua setiap jabatan kepada bos;

Seterusnya, buat kelas penampilan untuk mengatur soalan yang bos ingin tanya;


fungsi Fasad() {
this.business = new BusinessDept() ;
this.rddept = new RDdept();
}
Facade.prototype = {
DeptSituation: function() {
This.business.MonthSales(); //Pengurus jualan akan bercakap dahulu;
This.rddept.progress();
},
deptPlan: function() {
This.business.NextPlan(); //Laporkan rancangan seterusnya;
This.rddept.deptPlan();
}
}

Kemudian bos memanggil dua pengurus di hadapannya dan mula menyoal:

Salin kod Kod adalah seperti berikut:

var fasad = Fasad baharu();
console.log('Bos bertanya: Sekarang perkenalkan situasi jabatan anda?');
fasad.DeptSituation();
console.log('Bos bertanya: Apakah rancangan seterusnya?');
facade.deptPlan();

Arahan lain

Menggunakan mod penampilan boleh memisahkan antara muka atau kelas supaya tidak perlu pergantungan antara kelas Apabila tidak perlu, A mesti mengandungi B, atau B mesti mengandungi A. Ini melanggar prinsip pengubahsuaian tertutup pembungkusan kelas penampilan lapisan pertengahan boleh menjadikan panggilan antara muka lebih mudah, dan panggilan menggunakan sub-antara muka atau objek subsistem menjadi lebih bebas dan teratur.

Corak penampilan sering muncul dalam pengaturcaraan kami sering digunakan dalam definisi corak sistem seni bina Sistem kami menggunakan perkhidmatan antara muka pihak ketiga dan sering menambah lapisan muka depan untuk mengatur antara muka perniagaan yang tersedia

Kenyataan Laman Web ini
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

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

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Perbezaan antara corak reka bentuk dan corak seni bina dalam rangka kerja Java Perbezaan antara corak reka bentuk dan corak seni bina dalam rangka kerja Java Jun 02, 2024 pm 12:59 PM

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.

Analisis Corak Penghias dalam Corak Reka Bentuk Java Analisis Corak Penghias dalam Corak Reka Bentuk Java May 09, 2024 pm 03:12 PM

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.

Analisis kes praktikal corak reka bentuk PHP Analisis kes praktikal corak reka bentuk PHP May 08, 2024 am 08:09 AM

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.

Bagaimana corak reka bentuk menangani cabaran penyelenggaraan kod Bagaimana corak reka bentuk menangani cabaran penyelenggaraan kod May 09, 2024 pm 12:45 PM

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.

Penggunaan indah corak penyesuai dalam corak reka bentuk Java Penggunaan indah corak penyesuai dalam corak reka bentuk Java May 09, 2024 pm 12:54 PM

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

Corak Reka Bentuk PHP: Pembangunan Dipacu Ujian dalam Amalan Corak Reka Bentuk PHP: Pembangunan Dipacu Ujian dalam Amalan Jun 03, 2024 pm 02:14 PM

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.

Aplikasi corak reka bentuk dalam rangka kerja Guice Aplikasi corak reka bentuk dalam rangka kerja Guice Jun 02, 2024 pm 10:49 PM

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.

Apakah kelebihan dan kekurangan menggunakan corak reka bentuk dalam rangka kerja java? Apakah kelebihan dan kekurangan menggunakan corak reka bentuk dalam rangka kerja java? Jun 01, 2024 pm 02:13 PM

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.

See all articles