JavaScript,设计模式,建造者
web前端-js教程
本篇文章给大家分享的是JavaScript设计模式系列三:建造者模式,有感兴趣的朋友可以看一下功夫小子源码,vscode窗口显示浏览界面,ubuntu jdk8,tomcat输出乱码,sqlite递增,物流公司网页设计,sql 删除数据库中所有表,更换服务器更换ip地址哪个影响小,phpcms 留言插件,blade框架前端,爬虫精讲,php技术开发,阿里国际站seo,springboot后端插口,dede tag标签管理,团购网站支付接口,网页pdf在线阅读插件,欢迎页html模板,dede取消后台验证码,仿微信登陆页面模板下载,开发管理系统 asp,求一个完整程序项目代码lzw
建造者模式
建造者模式(builder pattern)比较简单,它属于创建型模式的一种,将一个复杂的对象分解成多个简单的对象来进行构建,将复杂的构建层与表示层分离,使得相同的构建过程可以创建不同的表示的模式便是建造者模式。
h5场景应用品牌 源码,平板安装ubuntu网卡,访问本地tomcat403,自动打卡爬虫,油猴 php,巫溪智能化seo推广代运营lzw
优点
建造者模式的封装性很好,对象本身与构建过程解耦。
内容管理系统php源码,查看ubuntu显卡类型,爬虫加热灯干燥,
php,新塘seo排名lzw
建造者模式很容易进行扩展。如果有新的需求,通过实现一个新的建造者类就可以完成。php,新塘seo排名lzw
适用场景
需要生成的对象具有复杂得内部结构;且内部属性本身相互依赖
建造者模式的代码实现
建造者模式主要有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设计模式系列二:单例模式