JavaScript設(shè)計模式之建造者模式的簡介

這篇文章主要介紹了JavaScript設(shè)計模式之建造者模式的簡介，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：域名注冊、雅安服務(wù)器托管、營銷軟件、網(wǎng)站建設(shè)、東港網(wǎng)站維護、網(wǎng)站推廣。

JavaScript有什么特點

1、js屬于一種解釋性腳本語言；2、在絕大多數(shù)瀏覽器的支持下，js可以在多種平臺下運行，擁有著跨平臺特性；3、js屬于一種弱類型腳本語言，對使用的數(shù)據(jù)類型未做出嚴格的要求，能夠進行類型轉(zhuǎn)換，簡單又容易上手；4、js語言安全性高，只能通過瀏覽器實現(xiàn)信息瀏覽或動態(tài)交互，從而有效地防止數(shù)據(jù)的丟失；5、基于對象的腳本語言，js不僅可以創(chuàng)建對象，也能使用現(xiàn)有的對象。

具體如下：

一、建造者模式模式概念

建造者模式可以將一個復(fù)雜的對象的構(gòu)建與其表示相分離，使得同樣的構(gòu)建過程可以創(chuàng)建不同的表示。也就是說如果我們用了建造者模式，那么用戶就需要指定需要建造的類型就可以得到它們，而具體建造的過程和細節(jié)就不需要知道了。建造者模式實際就是一個指揮者，一個建造者，一個使用指揮者調(diào)用具體建造者工作得出結(jié)果的客戶。

建造者模式主要用于“分步驟構(gòu)建一個復(fù)雜的對象”，在這其中“分步驟”是一個穩(wěn)定的算法，而復(fù)雜對象的各個部分則經(jīng)常變化。

通俗的說：就是一個白富美需要建一個別墅，然后直接找包工頭，包工頭再找工人把別墅建好。這其中白富美不用直接一個一個工人的去找。而且包工頭知道白富美的需求，知道哪里可以找到工人，工人可以干活，中間節(jié)省了白富美的和工人之間溝通的成本，白富美也不需要知道房子具體怎么建，最后能拿到房就可以了。

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

模式作用：

1.分步創(chuàng)建一個復(fù)雜的對象

2.解耦封裝過程和具體創(chuàng)建組件

3.無需關(guān)心組件如何組裝

注意事項：

1.一定要一個穩(wěn)定的算法進行支持

2.加工工藝是暴露的--白富美不用關(guān)心如何建房子，但可以隨時去看房子建得怎么樣

三、建造者模式代碼和實戰(zhàn)總結(jié)

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="UTF-8">
 <title>建造者模式</title>
</head>
<body>
<script>
 //1.產(chǎn)出東西是房子
 //2.包工頭調(diào)用工人進行開工 而且他要很清楚工人們具體的某一個大項
 //3.工人是蓋房子的 工人可以建臥室 建客廳 建廚房
 //4.包工頭只是一個接口而已 他不干活 他只對外說我能建房子
 function Fangzi(){//Fangzi可以理解為單例模式
  if(!(this instanceof Fangzi)){
   return new Fangzi();
  }
  this.woshi = "";
  this.keting = "";
  this.chufang = "";
 }
 function Baogongtou(){
  if(!(this instanceof Baogongtou)){
   return new Baogongtou();
  }
  this.jianfangzi = function(gongren){
   gongren.jian_chufang();
   gongren.jian_keting();
   gongren.jian_woshi();
  }
 }
 function Gongren(){
  if(!(this instanceof Gongren)){
   return new Gongren();
  }
  this.jian_woshi = function(){
   console.log("建臥室");
  }
  this.jian_keting = function(){
   console.log("建客廳");
  }
  this.jian_chufang = function(){
   console.log("建廚房");
  }
  this.jiaofang = function(){
   var _fangzi = new Fangzi();
   _fangzi.woshi = "ok";
   _fangzi.keting = "ok";
   _fangzi.chufang = "ok";
   return _fangzi;
  }
 }
 var gongren = new Gongren();
 var baogongtou = new Baogongtou();
 baogongtou.jianfangzi(gongren);
 var myfangzi = gongren.jiaofang();
 console.log(myfangzi);
</script>
</body>
</html>

使用在線HTML/CSS/JavaScript代碼運行工具http://tools.jb51.net/code/HtmlJsRun測試運行效果如下：

JavaScript設(shè)計模式之建造者模式的簡介

感謝你能夠認真閱讀完這篇文章，希望小編分享的“JavaScript設(shè)計模式之建造者模式的簡介”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習!

網(wǎng)站欄目：JavaScript設(shè)計模式之建造者模式的簡介
網(wǎng)頁鏈接：http://www.rwnh.cn/article38/gsphsp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、網(wǎng)站改版、標簽優(yōu)化、網(wǎng)站收錄、用戶體驗、響應(yīng)式網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

JavaScript設(shè)計模式之建造者模式的簡介

JavaScript有什么特點

一、建造者模式模式概念

二、建造者模式的作用和注意事項

模式作用：

注意事項：

三、建造者模式代碼和實戰(zhàn)總結(jié)

一、建造者模式模式概念

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

三、建造者模式代碼和實戰(zhàn)總結(jié)