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