建造者模式

 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>
相關文章
相關標籤/搜索
本站公眾號
   歡迎關注本站公眾號,獲取更多信息