JavaScript設(shè)計(jì)模式之工廠(chǎng)模式簡(jiǎn)單實(shí)例教程

來(lái)源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 22:11:59

JavaScript設(shè)計(jì)模式之工廠(chǎng)模式簡(jiǎn)單實(shí)例教程

JavaScript設(shè)計(jì)模式之工廠(chǎng)模式簡(jiǎn)單實(shí)例教程:本文實(shí)例講述了JavaScript設(shè)計(jì)模式之工廠(chǎng)模式。分享給大家供大家參考，具體如下：一、工廠(chǎng)模式概念工廠(chǎng)模式定義一個(gè)用于創(chuàng)建對(duì)象的接口，這個(gè)接口由子類(lèi)決定實(shí)例化哪一個(gè)類(lèi)。該模式使一個(gè)類(lèi)的實(shí)例化延遲到了子類(lèi)。而子類(lèi)可以重寫(xiě)接口方法以便創(chuàng)建的時(shí)候指定

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀JavaScript設(shè)計(jì)模式之工廠(chǎng)模式簡(jiǎn)單實(shí)例教程:本文實(shí)例講述了JavaScript設(shè)計(jì)模式之工廠(chǎng)模式。分享給大家供大家參考，具體如下：一、工廠(chǎng)模式概念工廠(chǎng)模式定義一個(gè)用于創(chuàng)建對(duì)象的接口，這個(gè)接口由子類(lèi)決定實(shí)例化哪一個(gè)類(lèi)。該模式使一個(gè)類(lèi)的實(shí)例化延遲到了子類(lèi)。而子類(lèi)可以重寫(xiě)接口方法以便創(chuàng)建的時(shí)候指定

本文實(shí)例講述了JavaScript設(shè)計(jì)模式之工廠(chǎng)模式。分享給大家供大家參考，具體如下：

一、工廠(chǎng)模式概念

工廠(chǎng)模式定義一個(gè)用于創(chuàng)建對(duì)象的接口，這個(gè)接口由子類(lèi)決定實(shí)例化哪一個(gè)類(lèi)。該模式使一個(gè)類(lèi)的實(shí)例化延遲到了子類(lèi)。而子類(lèi)可以重寫(xiě)接口方法以便創(chuàng)建的時(shí)候指定自己的對(duì)象類(lèi)型（抽象工廠(chǎng)）。

這個(gè)模式十分有用，尤其是創(chuàng)建對(duì)象的流程賦值的時(shí)候，比如依賴(lài)于很多設(shè)置文件等。并且，你會(huì)經(jīng)常在程序里看到工廠(chǎng)方法，用于讓子類(lèi)定義需要?jiǎng)?chuàng)建的對(duì)象類(lèi)型。

二、工廠(chǎng)模式的作用和注意事項(xiàng)

模式作用：

1、對(duì)象構(gòu)建十分復(fù)雜--我們穿鞋很簡(jiǎn)單，但是制作鞋子的過(guò)程十分復(fù)雜

2、需要依賴(lài)具體的環(huán)境創(chuàng)建不同的實(shí)例--工廠(chǎng)可以做鞋子，做衣服，工廠(chǎng)可以做我需要的鞋子（鞋子不同），然后送到指定的地方（地方可以不同），可以理解為不同的實(shí)例

3、處理大量具有相同屬性的小對(duì)象--比如買(mǎi)一雙鞋，沒(méi)必要找工廠(chǎng)生產(chǎn)

注意事項(xiàng)：

1、不能濫用工廠(chǎng)，有時(shí)候僅僅是給代碼增加復(fù)雜度--如上3

三、工廠(chǎng)模式代碼和實(shí)戰(zhàn)總結(jié)

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="UTF-8">
 <title>工廠(chǎng)模式</title>
</head>
<body>
<script>
 //1.工廠(chǎng)應(yīng)該有廠(chǎng)長(zhǎng)來(lái)決定運(yùn)行到底哪條產(chǎn)品線(xiàn)
 //2.消費(fèi)者-》子類(lèi)
 var gongchang = {};
 gongchang.chanyifu = function(){
 this.gongren = 50;
 console.log("我們有"+this.gongren);
 }
 gongchang.chanxie = function(){
 this.gongren = 100;
 console.log("產(chǎn)鞋子");
 }
 gongchang.yunshu = function(){
 this.gongren = 10;
 console.log("運(yùn)輸");
 }
 gongchang.changzhang = function(para){
 return new gongchang[para]();
 }
 var we = gongchang.changzhang("chanyifu");
 var me = gongchang.changzhang("chanxie");
 console.log(me.gongren);
 var ys = gongchang.changzhang("yunshu");
 console.log(ys.gongren);
</script>
</body>
</html>

使用在線(xiàn)HTML/CSS/JavaScript代碼運(yùn)行工具 http://tools.jb51.net/code/HtmlJsRun測(cè)試運(yùn)行效果如下：

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專(zhuān)題：《javascript面向?qū)ο笕腴T(mén)教程》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com