首页 > 代码库 > 建造者模式

建造者模式

2024-10-01 02:54:39   216人阅读

 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>

 

建造者模式


联系
我们