JS中常见设计模式总结

github: https://github.com/14glwu/FEInterviewBox/tree/master/JS%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F

JavaScript 中常见设计模式

单例模式

策略模式

代理模式

迭代器模式

发布订阅模式

命令模式

组合模式

模板方法模式

享元模式

职责链模式

中介者模式

装饰者模式

状态模式

适配器模式

 

各设计模式关键词

看完了上述设计模式后,把它们的关键词特点罗列出来,以后提到某种设计模式,进而联想相应的关键词和例子,从而心中有数。

设计模式特点案例
单例模式一个类只能构造出唯一实例创建菜单对象
策略模式根据不同参数可以命中不同的策略动画库里的算法函数
代理模式代理对象和本体对象具有一致的接口图片预加载
迭代器模式能获取聚合对象的顺序和元素each([1, 2, 3], cb)
发布-订阅模式PubSub瀑布流库
命令模式不同对象间约定好相应的接口按钮和命令的分离
组合模式组合模式在对象间形成一致对待的树形结构扫描文件夹
模板方法模式父类中定好执行顺序咖啡和茶
享元模式减少创建实例的个数男女模具试装
职责链模式通过请求第一个条件,会持续执行后续的条件,直到返回结果为止if else 优化
中介者模式对象和对象之间借助第三方中介者进行通信测试结束告知结果
装饰者模式动态地给函数赋能天冷了穿衣服,热了脱衣服
状态模式每个状态建立一个类,状态改变会产生不同行为电灯换挡
适配者模式一种数据结构改成另一种数据结构枚举值接口变更

 

 

转载于:https://www.cnblogs.com/wuguanglin/p/JavaScriptPattern.html

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
©️2021 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值