理解JavaScript设计模式中的建造者模式
更新时间：2022年04月26日 14:30:57 作者：掘金安东尼
这篇文章主要介绍了理解JavaScript设计模式中的建造者模式,文章基于JavaScript的相关资料展开箱子内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下
我们在前面已经提过设计模式创建型模式的 3 种工厂模式 和 单例模式；本篇带来同属创建型模式的“建造者模式”
建造者模式（Builder Pattern）使用多个简单的对象一步一步构建成一个复杂的对象。它提供了一种创建对象的最佳方式。
一个 Builder 类会一步一步构造最终的对象。该 Builder 类是独立于其他对象的。
建造者模式：主要解决在软件系统中，有时候面临着"一个复杂对象"的创建工作，其通常由各个部分的子对象用一定的算法构成；由于需求的变化，这个复杂对象的各个部分经常面临着剧烈的变化，但是将它们组合在一起的算法却相对稳定。
它的优点是：
- 1、建造者独立，易扩展。
- 2、便于控制细节风险
缺点：
- 1、产品必须有共同点，范围有限制。
- 2、如内部变化复杂，会有很多的建造类。
当我们需要生成的对象具有复杂的内部结构或需要生成的对象内部属性本身相互依赖时，会借助它来解决问题；
实战举例：
比如说，我们要建造一辆车：
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 = 'V8引擎'
},
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);建造者模式主要用于“分布构建一个复杂的对象”，它很容易进行扩展。如果有新的需求，通过实现一个新的建造者类就可以完成，并且建造者模式解耦了对象本身与构建过程，使得我们不用关心具体的建造过程。
要注意：与工厂模式的区别是：建造者模式更加关注与零件装配的顺序。
到此这篇关于理解JavaScript设计模式中的建造者模式的文章就介绍到这了,更多相关JS建造者模式内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
uniapp发送formdata表单请求2种方法(全网最简单方法)
这篇文章主要给大家介绍了关于uniapp发送formdata表单请求2种方法的相关资料,本文介绍的方法应该是全网最简单方法,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-09-09
两个JavaScript jsFiddle JSBin在线调试器
这两个工具都是刚诞生不久，都还在不断完善中，虽然目前jsFiddle要优于JS Bin，但是我还是更看好后者2010-03-03
这篇文章主要介绍了微信小程序单列下拉菜单，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
Cookie 是浏览器访问服务器后，服务器传给浏览器的一段数据。浏览器需要保存这段数据，不会轻易删除（保存在计算机中）。此后每次浏览器访问该服务器，都必须带上这段数据。这篇文章主要介绍了javascript和jquery中cookie的设置方法2023-07-07
javascript中的window.location.search方法简介
window.location.search方法是截取当前url中“?”后面的字符串，示例如下，感兴趣的朋友可以参考下2013-09-09
本文分享了基于JS实现的随机数字抽签的实例代码。小编认为具很好的参考价值，感兴趣的朋友可以看下2016-12-12
Webpack通过“暂时性引用”特性处理ES6模块的循环依赖,即在模块加载时创建占位符,确保模块能够正确加载,本文介绍Webpack打包过程中如何处理ES6模块的循环依赖,感兴趣的朋友一起看看吧2025-02-02
这篇文章主要给大家介绍了关于js判断对象是否存在某个属性的几种办法技巧,判断对象中是否有某属性的常见方式总结,不同的场景要使用不同的方式,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-12-12
本文主要介绍了js中的循环方式及各种遍历的方法，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-12-12
下面小编就为大家带来一篇浅谈JS 数字和字符串之间相互转化的纠纷。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
最新评论