本文实例讲述了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组合设模式--改进上述引入的例子
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!
昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?
更新日志
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果(九)》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]