![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript设计模式
友人C君~
这个作者很懒,什么都没留下…
展开
-
JavaScript设计模式_创建对象的安全模式
window.onload=function(){ var Book=function(title,time,type){ this.title=title; this.time=time; this.type=type; } var book=Book("JavaScript","2014","js"); console.log(book);//...原创 2019-03-31 21:01:16 · 162 阅读 · 0 评论 -
javascript设计模式_简单工厂模式
简单工厂模式,又叫静态工厂方法,由一个工厂对象决定创建一种产品对象类的实例,只要用来创建同一类对象。 使用情况,有很多类的时候,每次创建实例对象还要找到相应的类,太麻烦,将这些类封装在一个函数里,这样只需要记住这个函数,通过这个函数就可以创建我需要的对象,不用再关注创建这些对象到底依赖于哪个基类(通过工厂函数传入一个字段,使用switch区分,分别完成创建实例的操作) <!DOCTYPE...原创 2019-04-01 10:58:32 · 133 阅读 · 0 评论 -
JavaScript设计模式_单例模式
单例模式又称单体模式,只允许实例化一次的对象类,有时也用一个对象来规划一个命名空间,用来管理对象上的属性和方法。 通过单例模式来管理代码库的各个模块,如jQuery库,单例模式提供了一个jQuery命名空间($别名)。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti...原创 2019-04-01 16:24:14 · 131 阅读 · 0 评论 -
JavaScript设计模式_外观模式
为一组复杂的子系统接口提供一个更高级的统一接口,通过这个接口使得对子系统接口的访问更容易,即对底层封装来简化用户使用 外观模式中定义的统一接口,可以解决浏览器兼容性问题,如EventUtil对象(这只是外观模式应用的一部分),很多代码库通过外观模式封装多个功能,简化底层操作方法。 <!DOCTYPE html> <html> <...原创 2019-04-01 17:11:21 · 161 阅读 · 0 评论 -
JavaScript设计模式_适配器模式
将一个类(对象)的接口(方法或属性)转化成另一个接口,以满足用户需求,使得类(对象)之间接口的不兼容问题通过适配器得以解决。 不需要特意地重写以前的功能代码,只需要让以前的代码适配即可。尽量引入相似框架,否则适配器写起来非常复杂。 <!DOCTYPE html> <html> <head> <meta charse...原创 2019-04-01 17:52:59 · 148 阅读 · 0 评论 -
JavaScript设计模式_装饰者模式
在不改变原对象的基础上,通过对其进行包装拓展(属性或方法)使原有对象可以满足用户新的更复杂的需求。 例如增加需求对一个标签容易实现,如果数量庞大,还需要一个一个标签去查找去添加。 与适配器模式的区别在于,适配器是对原有对象适配,添加的方法与原有方法功能上大致相似, 在装饰者模式中,不需要了解对象原有的功能,并且原有的方法可以原封不动地...原创 2019-04-01 19:55:40 · 290 阅读 · 0 评论 -
javascript设计模式_桥接模式
桥接模式:在系统沿着多个维度变化的同时,又不增加其复杂度并已达到解耦。(先抽象提取共用部分,然后将实现与抽象通过桥接方法链接在一起,以此实现解耦的作用) 最主要的特点:将实现层(如元素绑定的事件)与抽象层(如修饰页面UI逻辑)解耦分离,使两部分可以独立变化 比如添加一些事件交互,页面中的一些小小细节改变常常因逻辑相似导致大片臃肿的代码。如以下代码 对于用户名,鼠标改变直接改变背景色,但是对于...原创 2019-04-30 09:32:40 · 178 阅读 · 0 评论 -
javascript设计模式_享元模式(优化分页功能)
享元模式:避免对象间用用相同内容造成多余的开销。 例如一个简单的新闻翻页功能,页面加载后,异步请求新闻数据,然后创建所有条新闻并插入页面中,需要显示哪一页就将对应页的新闻显示,其他的新闻隐藏...... <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title&...原创 2019-04-30 10:00:49 · 180 阅读 · 0 评论 -
设计模式概述
设计模式六大原则: (1)单一职责原则 (2)里氏替换原则 (3)依赖倒置原则 (4)接口隔离原则 (5)迪米特法则 (6)开闭原则 基本模式:接口、抽象父类、私有方法、访问者方法、常数管理器 创建模式:工厂模式、抽象工厂模式、单例模式、原型模式 结构模式:装饰器模式、适配器模式、责任链模式、外观模式、代理模式、桥接模式 行为模式:命令模式、备忘录模式、观察者模式、策略模...原创 2019-05-11 15:51:02 · 146 阅读 · 0 评论