Pengenalan kepada Corak Penampilan Corak Reka Bentuk JavaScript

Pengenalan kepada Corak Penampilan Corak Reka Bentuk JavaScript_Kemahiran Javascript

WBOY

Lepaskan： 2016-05-16 16:24:09

asal

1167 orang telah melayarinya

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;

Salin kod Kod adalah seperti berikut:

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