一、定义 责任链模式：使多个对象都有机会处理请求，从而避免请求的发送者和接受者之间的耦合关系，将这些对象连成一条链，并沿着这条链传递该请求，直到有一个对象处理它为止。 二、示例 假设这么一个场景： 我们负责一个售卖手机的电商网站，经过分别缴纳500元定金和200元定金的两轮预定后，到了正式购买阶段。针对预定用户实行优惠，支付过500元定金的用户会收到100元的商城优惠券，支付过200元定金的用户会收到50元的商城优惠券...
一、定义 享元（flyweight）模式是一种用于性能优化的模式，核心是运用共享技术来有效支持大量细刻度的对象。 在JavaScript中，浏览器特别是移动端的浏览器分配的内存并不算多，如何节省内存就成了一个非常有意义的事情。 享元模式是一种用时间换空间的优化模式 内衣工厂有100种男士内衣、100中女士内衣，要求给每种内衣拍照。如果不使用享元模式则需要200个塑料模特；使用享元模式，只需要男女各1个模特。二、什么场景下使用享元...
一、定义 模板方法是基于继承的设计模式，可以很好的提高系统的扩展性。 java中的抽象父类、子类 模板方法有两部分结构组成，第一部分是抽象父类，第二部分是具体的实现子类。 二、示例 Coffee or Tea (1) 把水煮沸 (2) 用沸水浸泡茶叶 (3) 把茶水倒进杯子 (4) 加柠檬/* 抽象父类：饮料 */ var Beverage = function(){}; // (1) 把水煮沸 Beverage.prototype.boilWater = function() {console.log("把水煮沸"); }; // (2) 沸水...
有时我们不希望某个类天生就非常庞大，一次性包含许多职责。那么我们就可以使用装饰着模式。 装饰着模式可以动态地给某个对象添加一些额外的职责，从而不影响这个类中派生的其他对象。 装饰着模式将一个对象嵌入另一个对象之中，实际上相当于这个对象被另一个对象包装起来，形成一条包装链。 一、不改动原函数的情况下，给该函数添加些额外的功能 1. 保存原引用window.onload = function() {console.log(1); };var _onload = win...
迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部表示。 JavaScript中的Array.prototype.forEach 一、jQuery中的迭代器$.each([1, 2, 3], function(i, n) {console.log("当前下标为："+ i + " 当前元素为："+ n ); });二、实现自己的迭代器var each = function(ary, callback) {for(var i = 0, l = ary.length; i 注意：区别于Array.prototype.forEach的参数！！！[1, 2, 3].forEach(func...
一、定义 保证一个类仅有一个实例，并提供一个访问它的全局访问点。 当单击登陆按钮，页面中出现一个登陆浮窗，这个登陆浮窗是唯一的，无论单击多少次登陆按钮，这个浮窗都只会被创建一次，那么这个登陆浮窗就适合用单例模式来创建。 二、实现原理 要实现单例并不复杂，使用一个变量来标志当前是否已经为某个类创建过对象，如果是，则在下一次获取该类的实例时，直接返回之前创建的对象。 三、假单例 全局变量不是单例模式，但在J...
一、定义 观察者模式（发布-订阅模式）：其定义对象间一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。 在JavaScript中，一般使用事件模型来替代传统的观察者模式。 好处： （1）可广泛应用于异步编程中，是一种替代传递回调函数的方案。 （2）可取代对象之间硬编码的通知机制，一个对象不用再显示地调用另外一个对象的某个接口。两对象轻松解耦。二、DOM事件–观察者模式典例 需要监控用户...
正文 闭包的概念： 闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。 最常见的闭包 代码如下: function a() { var i=0; return function(){ alert(i++); } } var b=a(); for(var i=0;i<3;i++){ b(); } 解释上面代码前，先接受一个函数的创建和执行过程 第一步：定义函数，设置环境，创建作用域链（scope chain）现a为全局变量，则a的作用域链中只有window 第二步：...
正题： 1.1 javascript的灵活性 面向对象对象的Javascript编程模式：1、可以保存状态 2、具有对象内部才能调用的方法 3、对编写的程序更能掌握其结构，能经受的起迭代开发（个人认为） 代码如下: //够造函数，也可俗称为类 var Anim=function(){ ... } //类中的方法，javascript中的原型 Anim.prototype.start=function(){ ... } 注：一般讲方法放入原型中，因为原型中一般存储不变通用的东西 代码 代码如下: Function.prototyp...
一、命令模式概念 命令模式（Command）的定义是：用来对方法调用进行参数化处理和传送，经过这样处理过的方法调用可以在任何需要的时候执行。也就是说该模式旨在将函数的调用、请求和操作封装成一个单一的对象，然后对这个对象进行一些列的处理。他也可以用来消除调用操作的对象和实现操作的对象之间的耦合。这为各种具体的类的更换带来了极大的灵活性。 二、命令模式的作用和注意事项 模式作用： 1、将函数的封装、请求、调用结合...
一、工厂模式概念 工厂模式定义一个用于创建对象的接口，这个接口由子类决定实例化哪一个类。该模式使一个类的实例化延迟到了子类。而子类可以重写接口方法以便创建的时候指定自己的对象类型（抽象工厂）。 这个模式十分有用，尤其是创建对象的流程赋值的时候，比如依赖于很多设置文件等。并且，你会经常在程序里看到工厂方法，用于让子类定义需要创建的对象类型。 二、工厂模式的作用和注意事项 模式作用： 1、对象构建十分复杂--...
一、建造者模式模式概念 建造者模式可以将一个复杂的对象的构建与其表示相分离，使得同样的构建过程可以创建不同的表示。也就是说如果我们用了建造者模式，那么用户就需要指定需要建造的类型就可以得到它们，而具体建造的过程和细节就不需要知道了。建造者模式实际就是一个指挥者，一个建造者，一个使用指挥者调用具体建造者工作得出结果的客户。 建造者模式主要用于“分步骤构建一个复杂的对象”，在这其中“分步骤”是一个稳定的...
一、代理模式概念 说明：顾名思义就是用一个类来代替另一个类来执行方法功能，这个模式跟装饰模式有点相似，不一样的是，代理模式是代替客户初始化被代理对象类，而装饰模式采用接口或初装饰者参数引用的方式来执行的。 解释：房屋中介，可以代理帮助卖家把房子卖给买家，这中间卖家说要卖的价钱就可以了，买家也可以提出自己要买的房型，中介可以帮忙处理中间环节。最后达成买卖。中介可以同时代理很多房屋买卖，并且可以代理租房...
推荐阅读： JavaScript观察者模式(经典) 1.什么是观察者模式 观察者模式有时也称为发布--订阅模式，在观察者模式中，有一个观察者可以管理所有的目标，等到有状态发生改变的时候发出通知。（其实sql server中的发布订阅也是这个道理） 2.通俗解释 假如以前村里的广播是一个观察者，那么每个村民就是被观察对象，如果村子里有通知，政策发生改变的时候，就需要通过广播把这个消息发布出去，而不用直接一家家的跑去发通知。 3.代码观...
一种JavaScript的设计模式 //简单的类的设计模式 //定义一个类class1 function class1() { //构造函数 } //通过指定prototype对象来实现类的成员定义 class1.prototype = { someProperty:"simple", someMethod:function { //方法代码 }, //其实属性和方法 }在一个类的成员之间互相引用，必须通过this指针来进行。因为在JavaScript中第个属性和方法都是独立的，它们通过this指针联系在一个对象上。 //简单的带参数的...