溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之建造者模式的簡介，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
1、js屬于一種解釋性腳本語言；2、在絕大多數(shù)瀏覽器的支持下，js可以在多種平臺(tái)下運(yùn)行，擁有著跨平臺(tái)特性；3、js屬于一種弱類型腳本語言，對使用的數(shù)據(jù)類型未做出嚴(yán)格的要求，能夠進(jìn)行類型轉(zhuǎn)換，簡單又容易上手；4、js語言安全性高，只能通過瀏覽器實(shí)現(xiàn)信息瀏覽或動(dòng)態(tài)交互，從而有效地防止數(shù)據(jù)的丟失；5、基于對象的腳本語言，js不僅可以創(chuàng)建對象，也能使用現(xiàn)有的對象。
具體如下：
建造者模式可以將一個(gè)復(fù)雜的對象的構(gòu)建與其表示相分離，使得同樣的構(gòu)建過程可以創(chuàng)建不同的表示。也就是說如果我們用了建造者模式，那么用戶就需要指定需要建造的類型就可以得到它們，而具體建造的過程和細(xì)節(jié)就不需要知道了。建造者模式實(shí)際就是一個(gè)指揮者，一個(gè)建造者，一個(gè)使用指揮者調(diào)用具體建造者工作得出結(jié)果的客戶。
建造者模式主要用于“分步驟構(gòu)建一個(gè)復(fù)雜的對象”，在這其中“分步驟”是一個(gè)穩(wěn)定的算法，而復(fù)雜對象的各個(gè)部分則經(jīng)常變化。
通俗的說：就是一個(gè)白富美需要建一個(gè)別墅，然后直接找包工頭，包工頭再找工人把別墅建好。這其中白富美不用直接一個(gè)一個(gè)工人的去找。而且包工頭知道白富美的需求，知道哪里可以找到工人，工人可以干活，中間節(jié)省了白富美的和工人之間溝通的成本，白富美也不需要知道房子具體怎么建，最后能拿到房就可以了。
1.分步創(chuàng)建一個(gè)復(fù)雜的對象
2.解耦封裝過程和具體創(chuàng)建組件
3.無需關(guān)心組件如何組裝
1.一定要一個(gè)穩(wěn)定的算法進(jìn)行支持
2.加工工藝是暴露的--白富美不用關(guān)心如何建房子，但可以隨時(shí)去看房子建得怎么樣
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>建造者模式</title>
</head>
<body>
<script>
//1.產(chǎn)出東西是房子
//2.包工頭調(diào)用工人進(jìn)行開工 而且他要很清楚工人們具體的某一個(gè)大項(xiàng)
//3.工人是蓋房子的 工人可以建臥室 建客廳 建廚房
//4.包工頭只是一個(gè)接口而已 他不干活 他只對外說我能建房子
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代碼運(yùn)行工具 http://tools.jb51.net/code/HtmlJsRun測試運(yùn)行效果如下：
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“JavaScript設(shè)計(jì)模式之建造者模式的簡介”這篇文章對大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼