這篇文章主要介紹了JavaScript設(shè)計模式之建造者模式的簡介,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)公司服務(wù)項目包括紫金網(wǎng)站建設(shè)、紫金網(wǎng)站制作、紫金網(wǎng)頁制作以及紫金網(wǎng)絡(luò)營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,紫金網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前,我們服務(wù)的客戶以成都為中心已經(jīng)輻射到紫金省份的部分城市,未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任!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)有的對象。
具體如下:
一、建造者模式模式概念建造者模式可以將一個復雜的對象的構(gòu)建與其表示相分離,使得同樣的構(gòu)建過程可以創(chuàng)建不同的表示。也就是說如果我們用了建造者模式,那么用戶就需要指定需要建造的類型就可以得到它們,而具體建造的過程和細節(jié)就不需要知道了。建造者模式實際就是一個指揮者,一個建造者,一個使用指揮者調(diào)用具體建造者工作得出結(jié)果的客戶。
建造者模式主要用于“分步驟構(gòu)建一個復雜的對象”,在這其中“分步驟”是一個穩(wěn)定的算法,而復雜對象的各個部分則經(jīng)常變化。
通俗的說:就是一個白富美需要建一個別墅,然后直接找包工頭,包工頭再找工人把別墅建好。這其中白富美不用直接一個一個工人的去找。而且包工頭知道白富美的需求,知道哪里可以找到工人,工人可以干活,中間節(jié)省了白富美的和工人之間溝通的成本,白富美也不需要知道房子具體怎么建,最后能拿到房就可以了。
二、建造者模式的作用和注意事項模式作用:1.分步創(chuàng)建一個復雜的對象
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è)計模式之建造者模式的簡介”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學習!
本文題目:JavaScript設(shè)計模式之建造者模式的簡介-創(chuàng)新互聯(lián)
網(wǎng)站路徑:http://www.rwnh.cn/article22/ceshcc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信小程序、手機網(wǎng)站建設(shè)、軟件開發(fā)、網(wǎng)站營銷、自適應(yīng)網(wǎ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)容