JavaScript设计模式系列三：建造者模式

CloudDeveloper 发布于2019-08-22 15:56 / 2461人阅读

摘要：优点建造者模式的封装性很好，对象本身与构建过程解耦。建造者模式很容易进行扩展。适用场景需要生成的对象具有复杂得内部结构且内部属性本身相互依赖建造者模式的代码实现建造者模式主要有个部分产品类建造者类指挥者类客户。建造者完成相应的部分。

建造者模式

建造者模式（builder pattern）比较简单，它属于创建型模式的一种，将一个复杂的对象分解成多个简单的对象来进行构建，将复杂的构建层与表示层分离，使得相同的构建过程可以创建不同的表示的模式便是建造者模式。

优点

建造者模式的封装性很好，对象本身与构建过程解耦。

建造者模式很容易进行扩展。如果有新的需求，通过实现一个新的建造者类就可以完成。

适用场景

需要生成的对象具有复杂得内部结构；且内部属性本身相互依赖

建造者模式的代码实现

建造者模式主要有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方法得到了这辆车，并且不需要知道其中得建造细节。

总结

建造者模式主要用于“分布构建一个复杂的对象”，它很容易进行扩展。如果有新的需求，通过实现一个新的建造者类就可以完成，并且建造者模式解耦了对象本身与构建过程，使得我们不用关心具体的建造过程。

云服务器 GPU云服务器建造者模式建造者设计模式 android建造者模式策略者模式

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/93892.html

从ES6重新认识JavaScript设计模式(三): 建造者模式

摘要：书籍建造者类调用建造者高效能人士的七个习惯史蒂芬柯维励志上面的这个类和第一个例子的效果一样，但是长度确减少不少，在有更多属性的时候，减少的代码量会更为明显。参考内容设计模式张容铭 showImg(https://segmentfault.com/img/remote/1460000015147692); 1 什么是建造者模式? 建造者模式(Builder)是将一个复杂对象的构建层与其表...

hatlonely 2019-08-29 15:35 评论0 收藏0
从ES6重新认识JavaScript设计模式(三): 建造者模式

摘要：书籍建造者类调用建造者高效能人士的七个习惯史蒂芬柯维励志上面的这个类和第一个例子的效果一样，但是长度确减少不少，在有更多属性的时候，减少的代码量会更为明显。参考内容设计模式张容铭 showImg(https://segmentfault.com/img/remote/1460000015147692); 1 什么是建造者模式? 建造者模式(Builder)是将一个复杂对象的构建层与其表...

yuanxin 2019-08-26 11:57 评论0 收藏0
细谈JavaScript中的一些设计模式

摘要：注意事项声明函数时候处理业务逻辑区分和单例的区别，配合单例实现初始化构造函数大写字母开头推荐注意的成本。简单工厂模式使用一个类通常为单体来生成实例。 @(书籍阅读)[JavaScript, 设计模式] 常见设计模式一直对设计模式不太懂，花了一下午加一晚上的时间，好好的看了看各种设计模式，并总结了一下。设计模式简介设计模式概念解读设计模式的发展与在JavaScript中的应用 ...

30e8336b8229 2019-08-19 17:47 评论0 收藏0
JS 建造者模式

摘要：如何应对这种变化如何提供一种封装机制来隔离出复杂对象的各个部分的变化，从而保持系统中的稳定构建算法不随着需求改变而改变这就是要说的建造者模式。建造者模式，将一个复杂对象的构建层与其表示层相互分离，使得同样的构建过程可以采用不同的表示。 1. 简介在软件系统中，有时候面临着一个复杂对象的创建工作，其通常由各个部分的子对象用一定的算法构成；由于需求的变化，这个复杂对象的各个部分经常面临着...

channg 2019-08-22 11:17 评论0 收藏0