web前端：设计模式
代码小侠客
2024-04-23 23:30
软件设计模式(Designpattern)，又称设计模式，是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性、程序的重用性。
1.策略模式
在问题发生之前，想好应对的方案。
坦克的例子
2.代理模式
房东租房的例子
网页加载的进度条
代理安全性
3.单例模式
就只有一个对象存在
实例：
constsingle=(function(){
letstatus;//用它来存储状态
letnum=0;
functioninit(){
return{
sayHello:function(){
console.log("hello,world");
},
sayGoodBye:function(){
console.log("再见");
},
setNum:function(){
returnnum++;
},
getNum:function(){
returnnum;
}
}
}
return{
getStatus:function(){
if(!status){
status=init();
}
returnstatus;
}
}
})();
//console.log(single);
//console.log(single.getStatus());
letinfo=single.getStatus();
console.log(info.setNum());
console.log(info.setNum());
console.log(info.setNum());
console.log(info.setNum());
letinfo2=single.getStatus();
console.log("------------"+info2.getNum());
info2.setNum();
console.log("=========="+info2.getNum())
4.观察者模式
发布&订阅
一对多、一对一都是存在发布和订阅的关系
5.工厂模式
就是将一些操作进行实例化封装
设计模式(英语designpattern)是对面向对象设计中反复出现的问题的解决方案。这个术语是在1990年代由ErichGamma等人从建筑设计领域引入到计算机科学中来的。这个术语的含义还存有争议。
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
![web前端：[前端第四课]HTML样式的使用](https://static.528045.com/imgs/41.jpg?imageMogr2/format/webp/blur/1x0/quality/35)
