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>