前端小二

发布-订阅模式也叫观察者模式，是js开发中应用广泛的一种模式。下面将列举一个通用发布订阅模式的示例，应用到闭包、this、apply/call、自执行函数等概念，起码达到熟悉的程度，才能说把发布-订阅模式真正吃透并能灵活运用到实际场景中去。常见的发布订阅模式应用场景有：登录后head/nav等模块异步获取登录成功返回的数据；页面无刷新点击事件进行数据自增…var ObserverEvent =...

中介者对象践行了最少知识原则，指一个对象尽可能少的了解别的对象，从而尽量减少对象间耦合程度。这样各个对象只需关注自身实现逻辑，对象间的交互关系交由中介者对象来实现和维护。需求背景：手机购买页面，在购买流程中，可以选择手机的颜色及输入购买数量，同时页面有两个展示区域，分别向用户展示刚选择好的颜色和数量。还有一个按钮动态显示下一步的操作，我们需要查询该颜色手机对应的库存，如果库存数量少于这次购买的...

职责链的定义：使多个对象都有机会处理请求，从而避免请求的发送者和接收者之间的耦合关系，将这些对象连成一条链，并沿着这条链传递该请求，直到有一个对象能处理它为止，传递链中的这些对象就叫节点。需求背景： 一个电商网站，用户交500定金且定金已付时，可享受500优惠券且不受货物数量限制；用户交200定金且定金已付时，可享受500优惠券且不受货物数量限制；用户不交定金时受货物数量限制，有货时原价买，无货...

代理模式是一种对程序对象进行控制性访问的一类解决方案。引入代理模式，其实是为了实现单一职责的面向对象设计原则。单一职责其实就是指在一个类中（js中通常指对象和函数等），应仅有一个引起它变化的原因。这样会帮助程序设计具有良好的健壮和高内聚特性，从而当变化发生时，程序设计会尽量少的受到意外破坏。代理模式有多种方法，保护代理、远程代理、虚拟代理、缓存代理等。但在javascript中，代理模式最...

作为一个半路出家的前端，随着项目经验的积累，也越来越意识到原生js的博大精深，最近正在研究js设计模式，接下来每学一个设计模式就是写篇文章做笔记，其实主要还是代码和设计思想的结合，努力体会，多思考合适自己项目中的应用场景，争取实际应用到实际项目中。话不多说，进入主题，js设计模式之：单例模式单例模式定义: 保证一个类仅有一个实例，并提供一个访问它的全局访问点上代码：标准单例模式//方法1...

模板方法模式，是一种典型的通过封装变化提高系统扩展性的设计模式。在传统的面向对象语言中，一个运用了模板方法模式的程序中，子类的方法种类和执行顺序都是基本不变的，所以把这部分逻辑抽象到父类的模板方法中。而子类的方法具体怎么实现则是可变的，于是我们把这部分变化的逻辑封装到子类中。通过增加新的子类，就能给系统增加新的功能，并不需要改动抽象父类以及其他子类，这符合开放-封闭原则。定义抽象类，父类模板方...

策略模式指定义一系列算法，将它们一个个封装起来。将不变的部分与变化的部分隔开是每个设计模式的主题，策略模式同样如此，策略模式的基础组成： 一个基于策略模式的程序至少要由两部分组成。第一个部分是一组策略类，策略类封装了具体的算法，并负责具体的计算过程。第二个部分是环境类Context，Context接收。客户的请求，随后把请求委托给某一个策略类(发送消息给某个策略对象)，要做到这点，说明Cont...

在javascript语言中，原型与原型链是一个非常重要的概念，因为它们是javascript语言得以成立的根本。因为javascript是基于原型的面向对象编程语言，这有别于基于类的java、python等面向对象编程语言。虽然javscript现在也有了class，但它骨子里还是个基于原型的语法糖罢了。所以在使用javascript时，始终要记清基于原型，基于原型，基于原型。在说原型和原型链...