溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了JavaScript使用引入組合模式的方法，內容清晰明了，對此有興趣的小伙伴可以學習一下，相信大家閱讀完之后會有幫助。
首先：
使用一個例子來引入組合模式，需求為
（1）有一個學校有2個班(一班,二班)
（2）每個班級分2個小組(一班一組,一班二組,二班一組,二班二組)
（3）學校計算機教室有限,每一個小組分著來上課
然后：根據需求我們可以簡單看出這里面涉及到 學校，班級，組，和學生總共4個類
使用程序模擬 這4個類為，
（1）學校類
var school=function (name) {
this.name=name;
var classes=new Array();
this.addClasses=function (cla) {
classes.push(classe);
}
this.getClass=function () {
return classes;
}
}（2）班級類
//班級類
var classes=function (name) {
this.name = name;
var groups = new Array();
this.addGroup = function (group) {
groups.push(group);
return this;
};
this.getGroups = function () {
return groups;
}
};（3）組類
//組
var group=function (name) {
this.name=name;
var students=new Array();
var addStudents=function (student) {
students.push(student);
return this;
}
this.geStudent=function () {
return students;
}
};（4）學生類
//學生類
var student=function (name) {
this.name=name;
this.gotoClass=function () {
document.write(name+"：我是學生，我要去上課 ")
};
this.finishClass=function () {
document.write(name+": 終于下課了");
}
};其次，測試需滿足如下為：
（1）每個班級分2個小組(一班一組,一班二組,二班一組,二班二組)
（2）學校計算機教室有限,每一個小組的學生分著來上課
（3）現在我們倒著寫，從學生-->組->班級-->學校
//學生實例
var astudent=new student("我是a同學");
var bstudent=new student("我是b同學");
var cstudent=new student("我是c同學");
var dstudent=new student("我是d同學");
var estudent=new student("我是e同學");
var fstudent=new student("我是f同學");
var gstudent=new student("我是g同學");
var hstudent=new student("我是h同學");
var istudent=new student("我是i同學");
//班級實例(1)
var class1=new classes("一班");
//組1
var oneOne=new group("一班一組");
//組中添加學生
oneOne.addStudents(astudent).addStudents(bstudent);
//組2
var oneTwo=new group("一班二組");
//組中添加學生
oneTwo.addStudents(cstudent).addStudents(dstudent);
class1.addGroup(oneOne).addGroup(oneTwo);
//班級實例2
var class2=new classes("二班");
//組1
var towOne=new group("二班一組");
//組中添加學生
towOne.addStudents(estudent).addStudents(fstudent);
//組2
var towTwo=new group("二班二組");
//組中添加學生
towTwo.addStudents(gstudent).addStudents(hstudent).addStudents(istudent);
//
class2.addGroup(towOne).addGroup(towTwo);
//學校實例
var usSchool=new school("組合模式學校");最后，開學了，我們準備按照要求去上課吧，
安排為：一班一組去上課 學校-->班級-->組-->學生
var classes=usSchool.getClass();//班級
for(var i=0;i<classes.length;i++){
if(classes[i].name=="一班"){
for(var j=0;j<classes[i].getGroups().length;j++){
if(classes[i].classes[i].getGroups()[j]=="一組"){
var students=classes[i].classes[i].getGroups()[j].geStudent();
for(var k=0;k<students.length;k++){
students[k].gotoClass();
}
}
}
}
}最后，我只是想安排一個都要寫這么多的代碼，那如何是一個學校有上千個班級，那么要瘋了。
這種一定不適合業務的擴展，為此我們使用組合模式來解決上述的問題。
為啥要用設計模式呢？
因為設計模式有如下的一些操作方式：
（1）組合模式中把對象分為兩種(組合對象,和葉子對象)
（2）組合對象和葉子對象實現:同一批操作
（3）對組合對象執行的操作可以向下傳遞到葉子節點進行操作
（4）這樣就會弱化類與類之間的耦合
（5）他常用的手法是把對象組合成屬性結構的對象
看完上述內容，是不是對JavaScript使用引入組合模式的方法有進一步的了解，如果還想學習更多內容，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
