1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>建造者模式</title>
6 </head>
7 <body>
8 <!--<script>-->
9 <!--//1,发送一个请求 ，相当于 客户-->
10 <!--//2，$.ajax建造者模式，相当于包工头-->
11 <!--//3，工人-->
12 <!--$.ajax({-->
13 <!--url:"d.php",//相当于 客户发出请求-->
14 <!--success:function(argumen){-->
15 <!--//小回调相当于 工人-->
16 <!--},-->
17 <!--});-->
18 <!--// $('<a></a>') =>也是建造者模式-->
19 <!--</script>-->
20 <script>
21 //1,产出的东西是房子
22 //2客户发出请求，包工头调用工人并且很具体的指导某个工人要做什么事，工人去做事
23 //3,工人建立房子 比如 分工维 建立卧室客厅
24 //4,包工头只是个接口，不干活
25 //也运用了单例模式
26 function Fangzi(){
27 this.woshi='';
28 this.keting='';
29 this.chufang='';
30 }
31 function Baogongtou(){
32 this.gaifangzi = function(gongren){
33 gongren.jian_woshi();
34 gongren.jian_keting();
35 gongren.jian_chufang();
36 }
37 }
38 function Gongren(){
39 this.jian_woshi = function(){
40 alert('卧室盖好了');
41 };
42 this.jian_keting = function(){
43 alert('客厅盖好了');
44 };
45 this.jian_chufang = function(){
46 alert('厨房盖好了');
47 };
48 this.jiaogong = function(){
49 var _fangzi = new Fangzi();
50 _fangzi.woshi = 'ok';
51 _fangzi.keting = 'ok';
52 _fangzi.chufang = 'ok';
53 return _fangzi;
54 }
55 }
56 //客户来了 开始发送请求时
57 var gongren = new Gongren();
58 var baogongtou = new Baogongtou();
59 baogongtou.gaifangzi(gongren);
60 var myfangzi = gongren.jiaogong();
61 console.log(myfangzi);
62 </script>
63 </body>
64 </html>
