JavaScript设计模式生成器模式示例教程

本文展示了JavaScript设计模式的构建器模式。分享给大家参考，如下：

一、建造者模式模式概念

builder模式可以将复杂对象的构造与其表示分离，这样相同的构造过程可以创建不同的表示。也就是说，如果我们使用构建器模式，用户需要指定要构建的类型来获取它们，具体的构建过程和细节不需要知道。构建者模式实际上是一个指挥者、一个构建者和一个客户，他们使用指挥者调用特定构建者的工作来获得结果。

builder模式主要用于“一步一步构建复杂对象”，其中“一步一步”是一种稳定的算法，复杂对象的各个部分经常会发生变化。

通俗地说，一个白需要盖一栋别墅，然后直接找包工头，包工头就会找工人来盖别墅。其中，白不需要一一直接找。而且，包工头知道白的需求，知道去哪里找工人，工人也能干活，节省了白与工人沟通的费用。白不需要知道怎么盖房子，就能最终得到房子。

二、建造者模式的作用和注意事项

模式作用：

1.逐步创建复杂的对象

2.分离封装过程并创建特定组件

3.不在乎组件是如何组装的

注意事项：

1.一定要有稳定的算法支持

2.这个加工技术就暴露了——白不用关心房子怎么盖，但他随时都能看到房子是怎么盖的

三、建造者模式代码和实战总结

!doctype html headlang=' en ' metacarset=' utf-8 ' title builder模式/title/head dyscript//1。输出是一个房子//2。承包商打电话给工人开始施工，他需要知道工人的具体主要项目//3。建造房屋的工人可以建造卧室、客厅和厨房。//4.承包商只是一个接口。他不工作。他只说我会盖房子。函数Fangzi(){//Fangzi可以理解为singleton模式if(！(方子的这个实例)){返回新方子()；} this.woshi=this.keting=this.chufang=}函数包工头(){ if(！(包工头的这个实例)){返回新的包工头()；} this .健坊子=function(gong ren){ gong ren . Jian _ chufang()；gong ren . Jian _ keting()；gong ren . Jian _ woshi()；} }函数Gongren(){ if(！(此实例为工人)){返回新工人()；}这个。Jian _ woshi=function(){ console . log(' build卧室')；}这个。Jian _ keting=function(){ console . log('建筑客厅')；}这个。Jian _ chufang=function(){ console . log(' build kitchen ')；} this . jiao Fang=function(){ var _ Fang zi=new Fang zi()；_ fangzi.woshi=' ok_ fangzi.keting=' ok_ fangzi.chufang=' okreturn _ fangzi} } var宫人=新宫人()；var包工头=新包工头()；包工头.尖坊子(宫人)；var my fangzi=gong ren . jiaofang()；console . log(my fangzi)；/script/body/HTML使用在线HTML/CSS/JavaScript代码运行工具，http://tools.jb51.net/code/HtmlJsRun测试运行如下：

关于JavaScript的更多信息，请参考本网站的主题：《javascript面向对象入门教程》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript数学运算用法总结》、0103010。

希望本文对JavaScript编程有所帮助。