♫【JS模式】偏函数

<深入浅出Node.js> var toString = Object.prototype.toString var isType = function(type) { return function(obj) { return toString.call(obj) == '[object ' + type + ']' } } var isString = isType('String') var isFunction = isType('Function') console.log(isSt…

【JS模式】单体模式

<JavaScript模式> /** * 单体(Singleton)模式的思想在于保证一个特定类仅有一个实例.这意味着当您第二次使用同一个类创建新对象的时候,每次得到与第一次创建对象完全相同对象 * 在JS中没有类,只有对象.当您创建一个新对象时,实际上没有其他对象与其类似,因此新对象已经是单体了 * 在JS中,对象之间永远不会完全相等,除非它们是同一个对象 */ var obj = { myprop: 'my value' } var obj2 = { myprop: 'my value'…

JS模式和原型精解

首先需要知道的是模式只是思想.不要用结构看模式. ES中函数是对象,因此函数也有属性和方法. 每个函数含有两个属性: length 和 prototype 每个函数含有两个非继承的方法: apply 和 call 属性中:最为重要的 prorotype 对应的值是一个对象. (length不重要,不管他了) 就ES中的引用类型而言,prorotype 是他们所有实例方法的真正所在. prototype 对象有一个不可枚举的属性 constructor ,所以使用 for-in 无法发现…

8.js模式-状态模式

1. 状态模式 var offLightState = function(light){ this.light = light; } offLightState.prototype.buttonWasPressed = function(){ console.log('弱光'); this.light.setState(this.weakLightState); } var weakLightState = function(light){ this.light = light; } weakL…

7.js模式-装饰者模式

1. 装饰者模式给对象动态增加职责的方式称为装饰者模式. Function.prototype.before = function(beforefn){ var _self = this; return function(){ beforefn.apply(this,arguments); return _self.apply(this,arguments); } } Function.prototype.after = function(afterfn){ var _self = this;…

6.js模式-中介者模式

1. 中介者模式所有对象通过中介者进行通信 var playDirector = (function(){ var players = []; var options = {}; options.add = function(p){ players.push(p); } options.die = function(p){ for(var i = 0;i<players.length;i++){ if(players[i] === p){ players.splice(i,1); }else{…

5.js模式-职责链模式

1. 职责链模式将对象连成一条链,并沿着这条链传递请求,直到有一个对象处理它为止. var chain = function(fn){ this.fn = fn; this.successor = null; } chain.prototype.setNextSuccessor = function(successor){ return this.successor = successor; } chain.prototype.passRequest = function(){ var ret…

4.js模式-发布-订阅模式

1. 发布-订阅模式 var observe = (function(){ var events = {}, listen, trigger, remmove; listen = function(key,fn){ if(!events[key]){ events[key] = []; } events[key].push(fn); }; trigger = function(){ var key = Array.prototype.shift.call(arguments); var fns…

3.js模式-策略模式

1. 策略模式策略模式定义一系列的算法,把它们封装起来,并且可以互相替换. var strategies = { isNonEmpty: function(value,errMsg){ if(value === ''){ return errMsg; } }, minLength:function(value,length,errMsg){ if(value.length < length){ return errMsg; } } } var validator = function(){ t…

JS模式：又一个简单的工厂模式

<!DOCTYPE html> <html> <head> <title></title> </head> <body> <script> function Car(options){ this.doors = options.doors || 4; this.state = options.state || "brand new"; this.color = options.color |…

JS模式：jq中简单的模式--》采摘自js设计（tomxu_version）

<!DOCTYPE html> <html> <head> <title></title> </head> <body> <script> //据说这就是组合模式了,就是逸带的感觉; var $ = jQuery = window.$ = function(){}; $.prototype = { addClass : function(value){ var classNames, i ,l , elem,…

JS模式：简单的图书馆享元模式

<!DOCTYPE html> <html> <head> <title></title> </head> <body> <script> /* *flyweight 享员模式 */ //例子是一个图书馆存书借书 ->_-> var Book = function(id, title, author, genre, pageCount, publisherId, ISBN, checkoutDate…

JS模式:策略模式，感觉就是一个闭包存储信息，然后是加一些验证方法--还看了老半天

<!DOCTYPE html> <html> <head> <title></title> </head> <body> <script> var varlidator; varlidator = { validate: function(value, type){ var value = value; var type = type; switch(type){ case 'isnonEmpty' : { /…

JS模式--装饰者模式

在Javascript中动态的给对象添加职责的方式称作装饰者模式. 下面我们通常遇到的例子: var a = function () { alert(1); };//改成: var a = function () { alert(1); alert(2); }; 用装饰者模式,在不改原来函数的基础上,我们增加自己的新功能. var a = function () { alert(1); }; var _a=a; a=function(){ _a(); alert(2); } a(); var P…

JS模式--职责链模式

职责链模式的定义:使用多个对象都有机会处理请求,从而避免请求的发送者和接收者之间的耦合关系,将这些对象连成一条链, 并沿着这条链条传递下去,直到有一个对象处理它为止. var order500 = function (ordertype, pay, stock) { if (ordertype === 1 && pay == true) { console.log("500元定金,100元优惠券"); } else { return 'next'; } }; var o…

JS模式---发布、订阅模式

发布订阅模式又叫观察者模式,它定义一种一对多的依赖关系, 当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知. document.body.addEventListener('click', function () { alert(1); }, false); document.body.addEventListener('click', function () { alert(2); }, false); document.body.addEventListener('click',…

2.js模式-单例模式

1. 单例模式单例模式的核心是确保只有一个实例,并提供全局访问. function xx(name){}; Singleton.getInstance = (function(){ var instance = null; return function(name){ if(!instance){ instance = new xx(name); } return instance; } })();…

JS模式-基本的单例模式

//singleton var SingletonTester = (function(){ function Singleton(options){ options = options || {}; this.name = "SingletonTester"; this.pointX = options.pointX || 6; this.pointY = options.pointY || 10; }; var instance; var _static = { name : &q…

JS模式：Mixin混合模式，=_=!就是常见的Object.create()或者_extend()

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

chrome控制台支持多行js模式

shift + 回车是换行转自: http://zhidao.baidu.com/link?url=MYjGRwvVQYJwnr38VTHPJdzRNtF1COyqpeuAtBYbxFYJcu6pWzv-EuUHgUCnDZVtbKJroMMPkeYvKP7xJSVe07FHi5q_cMtut2LJGez6FMK…

JS模式--状态模式（状态机）

下面的状态机选择通过Function.prototype.call方法直接把请求委托给某个字面量对象来执行. var light = function () { this.currstate = FSM.off; this.button = null; }; light.prototype.init = function () { var button = document.createElement('button'); self = this; button.innerHTML = '已关灯…

JS模式--装饰者模式（用AOP动态改变函数的参数）

Function.prototype.before = function (beforefn) { var _self = this; return function () { beforefn.apply(this, arguments); return _self.apply(this, arguments); }; }; var func = function (param) { console.log(param); }; func =func.before( function (par…

JS模式--通用对象池的实现

var objectPoolFactory = function (createObjFn) { var objectPool = []; return { create: function () { var obj = objectPool.length === 0 ? createObjFn.apply(this, arguments) : objectPool.shift(); return obj; }, recover: function (obj) { objectPool.push…

JS模式---命令模式

js模式（一）：单例模式

function Universe(){ var instance; Universe = function (){ return instance; } Universe.prototype = this; console.log(Universe); instance = new Universe(); instance.constructor = Universe; instance.start_time = 0; instance.bng ="dd"; return insta…

JS模式

策略命令迭代器代理组合发布/订阅单例享元职责链中介者装饰者状态适配器设计原则: 单一职责.最少知识.开放-封闭…

js模式-观察者模式

// 主题,接收状态变化,触发每个观察者 class Subject { constructor() { this.state = 0 this.observers = [] } getState() { return this.state } setState(state) { this.state = state this.notifyAllObservers() } attach(observer) { this.observers.push(observer) } notifyAllOb…