JavaScript設(shè)計(jì)模式經(jīng)典之工廠模式

更新時(shí)間：2016年02月24日 14:12:05 投稿：mrr

工廠模式定義一個(gè)用于創(chuàng)建對(duì)象的接口，這個(gè)接口由子類決定實(shí)例化哪一個(gè)類。接下來通過本文給大家介紹JavaScript設(shè)計(jì)模式經(jīng)典之工廠模式，感興趣的朋友一起學(xué)習(xí)吧

一、工廠模式概念

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

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

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

模式作用：

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

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

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

注意事項(xiàng)：

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

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

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

以上所述是小編給大家介紹的JavaScript設(shè)計(jì)模式經(jīng)典之工廠模式，希望對(duì)大家有所幫助！

您可能感興趣的文章:

相關(guān)文章

分析javascript原型及原型鏈
本篇文章給大家詳細(xì)分析了javascript原型及原型鏈的相關(guān)知識(shí)點(diǎn)以及用法分享，有興趣的朋友參考下。
2018-03-03
CSS圖片響應(yīng)式垂直水平居中
這篇文章主要為大家介紹CSS圖片響應(yīng)式垂直水平居中，在最近的項(xiàng)目中經(jīng)常遇到這樣的需求，于是把相關(guān)內(nèi)容整理一下，分享給大家，需要的朋友可以來參考下
2015-08-08
ECMAScript6中Map映射的基本概念與常用方法
Map是ES6中新增的數(shù)據(jù)結(jié)構(gòu),Map類似于對(duì)象,但普通對(duì)象的 key 必須是字符串或者數(shù)字,而 Map 的 key 可以是任何數(shù)據(jù)類型,這篇文章主要給大家介紹了關(guān)于ECMAScript6中Map映射的基本概念與常用方法,需要的朋友可以參考下
2021-07-07
JS清空上傳控件input(type="file")的值的代碼
最近做的一個(gè)小功能，需要清空<input type="file">的值，但上傳控件<input type="file">的值不能通過JavaScript來修改。
2008-11-11
一個(gè)報(bào)數(shù)游戲js版(約瑟夫環(huán)問題)
隨便給一個(gè)數(shù) 比如100，那么從1到100圍成一個(gè)圓圈，然后就類似123123報(bào)數(shù)一樣逢3就舍掉，一直這樣輪詢那么最后剩下來的那個(gè)數(shù)是多少？
2010-08-08
微信小程序接入騰訊云驗(yàn)證碼的方法步驟
這篇文章主要介紹了微信小程序接入騰訊云驗(yàn)證碼的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-01-01
圖片自動(dòng)縮小的js代碼,用以防止圖片撐破頁面
圖片自動(dòng)縮小的js代碼,用以防止圖片撐破頁面...
2007-03-03
JavaScript禁止用戶多次提交的兩種方法
這篇文章主要介紹了JavaScript禁止用戶多次提交的兩種方法的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-07-07
javascript對(duì)下拉列表框(select)的操作實(shí)例講解
這篇文章主要介紹了javascript對(duì)下拉列表框(select)的操作。需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2013-11-11
微信小程序保存多張圖片的實(shí)現(xiàn)方法
這篇文章主要介紹了微信小程序保存多張圖片的實(shí)現(xiàn)方法，使用promise 隊(duì)列，保存多張圖片到手機(jī)相冊(cè)，小編覺得具有一定的參考價(jià)值，有興趣的可以了解一下
2019-03-03