基本设计模式

• 单例模式
  ES5

function Duck1(name:string){this.name=namethis.instance=null
}Duck1.prototype.getName=function(){console.log(this.name)
}Duck1.getInstance=function(name:string){if(!this.instance){this.instance= new Duck1(name)}
}
const a=Duck1.getInstance('a')
const b=Duck1.getInstance('b')console.log(a===b) // true

ES6

class Duck{name="xxx"static instance:any=nullaction(){console.log('123')}static getInstance(){if(!this.instance){this.instance=new Duck()} return this.instance}
}const obj1=Duck.getInstance()
const obj2=Duck.getInstance()console.log(obj1===obj2) // true

• 工厂模式

class Duck{name="xxx"constructor(name:string){this.name=name}   
}function factory(name:string){return new Duck(name)
}const a=factory('x')
const b=factory('s')

• 策略模式
  代码里有多个if的情况时，做成策略模式，好处：
  策略模式利用组合，委托等技术和思想，有效的避免很多if条件语句
  策略模式提供了开放-封闭原则，使代码更容易理解和扩展
  策略模式中的代码可以复用
  策略模式优化的例子
  `
• 代理模式

class Duck{name="xxx"constructor(name:string){this.name=name}   getName(){console.log('name: ',this.name)}setName(newValue:string){this.name=newValue}
}const tp=new Duck('a')const obj = new Proxy(tp,{set:function(target,property,value){return Reflect.set(target,property,'new:'+value)},get(target,property){if(property==='getName'){return function(value:String){Reflect.get(target,property,'new:'+value)}}return Reflect.get(target,property)}
})console.log(obj.name)obj.setName('jack')console.log(obj.name)

输出：