本篇文章给大家分享的是javascript设计模式系列三:建造者模式,有感兴趣的朋友可以看一下
建造者模式
建造者模式(builder pattern)比较简单,它属于创建型模式的一种,将一个复杂的对象分解成多个简单的对象来进行构建,将复杂的构建层与表示层分离,使得相同的构建过程可以创建不同的表示的模式便是建造者模式。
优点
建造者模式的封装性很好,对象本身与构建过程解耦。
建造者模式很容易进行扩展。如果有新的需求,通过实现一个新的建造者类就可以完成。
适用场景
需要生成的对象具有复杂得内部结构;且内部属性本身相互依赖
立即学习“Java免费学习笔记(深入)”;
建造者模式的代码实现
建造者模式主要有4个部分:product产品类、Builder建造者类、Director指挥者类、客户。
主要的流程是:
客户提出需求。
指挥者根据用户需求,指挥建造者去完成需求的各个部分。
建造者完成相应的部分。
我们来看一下相应的代码:
产品类为一辆加工的空壳汽车。
/** * 产品类:car 目前需要构建一辆车。 */function car () { this.name = '', this.number = '', this.wheel = '', this.engine = ''}
登录后复制
接下来看一下建造者类:
/* * 建造者类,里面有专门负责各个部分的工人*/function carBuilder () { this.nameBuilder = function () { this.name = '很厉害的车' }, this.numberBuilder = function () { this.number = '88888888' }, this.wheelBuilder = function () { this.wheel = '高级橡胶做的轮子' }, this.engineBuilder = function () { this.engine = '很厉害的引擎' }, this.getCar = function () { var Car = new car() Car.name = this.name; Car.number= this.number; Car.wheel = this.wheel; Car.engine = this.engine; return Car; }}
登录后复制
再这里我们可以看到各个部分的工人以及他们的工作,他们的各自的工作最终合并成一辆汽车。
指挥者类:
/** * 指挥者类,指挥各个部分的工人工作 */function director () { this.action = function (builder) { builder.nameBuilder(); builder.numberBuilder(); builder.wheelBuilder(); builder.engineBuilder(); } }
登录后复制
最后就是使用方法:
/** * 使用方法 */var builder = new carBuilder();var director = new director();director.action(builder);var Car = builder.getCar();console.log(Car);
登录后复制
最终客户通过getCar方法得到了这辆车,并且不需要知道其中得建造细节。
总结
建造者模式主要用于“分布构建一个复杂的对象”,它很容易进行扩展。如果有新的需求,通过实现一个新的建造者类就可以完成,并且建造者模式解耦了对象本身与构建过程,使得我们不用关心具体的建造过程。
相关推荐:
JavaScript设计模式系列一:工厂模式
JavaScript设计模式系列二:单例模式
以上就是JavaScript设计模式系列三:建造者模式的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2776298.html