aliven1的博客

工厂模式的概念1.简单的工厂模式专门有创建指定实例的类，返回对应的类实例，不用自己使用new创建类，实现创建实例和调用实例的分离。弊端是如果有新的类，需要修改工厂类，违反了开放封闭原则...

饿汉式实现懒汉式实现饿汉式和懒汉式的区别单例的使用单例模式的应用场景数据库连接池：数据库连接池是单例，控制连接数等信息，不够再扩容

class A{ constructor(){ this.number=0; } setNumber(num,m){ this.number=num; // 通过中介者赋值 if(m){ m.setB(); } }}class B{ constructor(){ this.number=0; } setNumber(number,m){...

// 备忘类class Memento{ constructor(content){ this.content=content; } getContent(){ return this.content; }}// 备忘列表class CareTaker{ constructor(){ this.list=[]; } add(memonto){ this....

// 接收者class Receiver{ exec(){ console.log('执行'); }}// 命名者class Command{ constructor(receiver){ this.receiver=receiver; } cmd(){ console.log('执行命令'); this.receiver.exec(); }}//...

职责链模式class Action{ constructor(name){ this.name=name; this.nextAction=null; } setNextAction(action){ this.nextAction=action; } handle(){ console.log(this.name+'审批'); if(this.nextAc...

class OrdinaryUser{ buy(){ console.log('普通用户购买') }};class MemberUser{ buy(){ console.log('会员用户购买') }};class VipUser{ buy(){ console.log('VIP用户购买') }}const u1=new OrdinaryUser();c...

class Color{ constructor(name){ this.name=name; }};class Shape{ constructor(name,color){ this.name=name; this.color=color; } draw(){ console....

const arr=[1,2,3,4];const node_list=document.getElementsByName('p');const $a=$('p');/*三种数据结构，需要三种迭代写法*/arr.forEach(function(item){ console.log(item);})for(let i=0;i<node_list.length;i...

//要保存的主题class Subject{ constructor(){ this.state=0; this.observers=[]; } getState(){ return this.state; } setState(state){ this.state=state; this.notifyAllObservers(); } notifyA...

去医院，有接待员统一挂号，划价，收费通过一个接口，封装两个子接口，这就是外观模式的一中体现适度使用，要考虑接口独立原则，不可滥用...

class ReadImg{//被代理类 constructor(filename){ this.filename=filename; this.loadFromDisk(); } loadFromDisk(){ console.log('loading...'+this.filename) } display(){ console.log('display....

为对象添加功能，不改变其原有的结构和功能，类似手机壳，手机功能还是正常使用，但是加了手机壳，可以防滑，美观class Circle{ draw(){ console.log('画图') }}class Decorator{ constructor(circle){ this.circle=circle; } draw(){ this.circle.draw(...

旧接口格式和使用者不兼容，中间加一个适配器转换接口 class Adaptee{ specificRequest(){ return '德国标准电压' }}class Target{ /*适配器类*/ constructor(){ this.adaptee=new Adaptee(); } request(){ const info=thi...

系统中被唯一使用，一个类只有一个实例示例：登录框，购物车，jq中只有一个$class SingleObject{ login(){ console.log('login') }}SingleObject.getInstance=(function(){ /*类上的静态方法,只实例化一次，把实例放在类上面*/ let instance=null; if(!instance...

通过工厂Creator生成实例，避免构造函数名的更改造成影响，隔离开构造函数，统一创建实例的入口；使用场景：1. Array.prototype.slice.call(document.querySelectorAll('a'), 0)的作用就是将一个DOM NodeList 转换成一个数组。class jQuery{ constructor(selecto...

状态变化如果非常多的话，不能一直用if...else判断，每次状态触发都触发一个逻辑，保存最新的状态；Light类，有color属性和handle方法；class Light{ constructor(color){ this.color=color; } handle(state){ console.log(`turn to ${t...

创建型模式：创建型模式，就是创建对象的模式，抽象了实例化的过程。它帮助一个系统独立于如何创建、组合和表示它的那些对象。关注的是对象的创建，创建型模式将创建对象的过程进行了抽象，也可以理解为将创建对象的过程进行了封装，作为客户程序仅仅需要去使用对象，而不再关心创建对象过程中的逻辑创建型模式，共五种：工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。行为型模式：行为型模式...

S单一职责原则： 如果一个类承担的职责过多，就等于把这些职责耦合在一起了。一个职责的变化可能会削弱或者抑制这个类完成其他职责的能力。这种耦合会导致脆弱的设计，当发生变化时，设计会遭受到意想不到的破坏。而如果想要避免这种现象的发生，就要尽可能的遵守单一职责原则。此原则的核心就是解耦和增强内聚性。 T负责两个不同的职责：职责P1，职责P2。当由于职责P1需求发生改...

父类子类多态：父类虽然抽离了统一的方法，减少了代码的冗余，但是如果子类还是可以做一些特殊处理，保持了代码的灵活性

定义对象的属性，设置权限可以用项目的关键字（es6目前没有，其它语言有）：下面是typescript的示例：http://www.typescriptlang.org/play/ 该网站可以测试typescript的demo...