![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript设计模式
斜光
转战语雀
展开
-
JS设计模式5-创建型设计模式:原型模式、策略模式、代理模式
文章目录原型模式策略模式实例针对不同绩效的员工发不同的工资mtween缓动动画代理模式保护代理和虚拟代理实例:虚拟代理实现图片懒加载代理的意义:单一职责原则缓存代理Proxy es6内置的代理模式原型模式原型模式(Prototype):用原型实例指定创建对象的种类,并且通过拷贝这些原型创建新的对象。因为JavaScript的特性, 这一点实现起来格外的简单//父类class Parent{ constructor(x){ this.x = x; } show原创 2020-06-12 10:04:15 · 187 阅读 · 0 评论 -
JS设计模式4:装饰者模式
扩展函数一个函数的创建于调用function func1() { console.log('功能1'); console.log('扩展的功能2');}func1();如果想要修改增加这个函数的功能,可以在函数体内添加,但是这样修改了原有的函数所以可以使用装饰着模式,增加功能的同时,保留原有函数不变。function func1() { console.log('...原创 2020-05-07 09:21:24 · 124 阅读 · 0 评论 -
JS设计模式3:适配器模式
原理及作用将一个类的接口转换成客户希望的另外一个接口,使得原本由于接口不兼容而不能一起工作的那些类可以一起工作使用一个已经存在的对象,但其他方法或属性接口不符合我们的要求类似于充电接口转换器,万能充电器等es5简单适配器 // 旧接口 function userOldApi() {}; // 适配器 function adapter(...原创 2020-05-02 16:53:47 · 116 阅读 · 0 评论 -
JS设计模式2:单例模式
什么是单例模式指在一个类只能有一个实例,即使多次实例化该类,也只返回第一次实例化后的实例对象单例模式的思路是:一个类能返回一个对象的引用(并且永远是同一个)和一个获得该实例的方法new 对象 得到的是同一个实例,减少了不必要的内存消耗,最简单的一个单例模式 let Tool = { name: "种子工具", getTyp...原创 2020-04-27 10:20:06 · 116 阅读 · 0 评论 -
JS设计模式1:分类及工厂模式
设计模式分类创建型模式提供了一种在创建对象的同时隐藏创建逻辑的方式而不是直接使用new运算符来直接实例化对象工厂方法模式抽象工厂模式单例模式建造者模式原型模式结构型模式适配器模式装饰器模式代理模式外观模式桥接模式组合模式享元模式行为型模式策略模式模板方法观察者迭代子模式责任链模式命令模式备忘录模式状态模式访问者模式中介者模式解释器模...原创 2020-04-25 18:33:01 · 122 阅读 · 0 评论