首頁 >web前端 >js教程 >JavaScript設計模式經典之工廠模式_javascript技巧

JavaScript設計模式經典之工廠模式_javascript技巧

WBOY
WBOY原創
2016-05-16 15:13:502667瀏覽

一、工廠模式概念

工廠模式定義一個用來建立物件的接口,這個接口由子類別決定實例化哪一個類別。此模式使一個類別的實例化延遲到了子類別。而子類別可以重寫介面方法以便創建的時候指定自己的物件類型(抽象工廠)。

這個模式十分有用,尤其是創建物件的流程賦值的時候,例如依賴很多設定檔等。並且,你會經常在程式裡看到工廠方法,用來讓子類別定義需要建立的物件類型。

二、工廠模式的作用及注意事項

模式作用:

1、物件建造十分複雜--我們穿鞋很簡單,但是製作鞋子的過程十分複雜

2、需要依賴特定的環境創造不同的實例--工廠可以做鞋子,做衣服,工廠可以做我需要的鞋子(鞋子不同),然後送到指定的地方(地方可以不同),可以理解為不同的實例

3、處理大量具有相同屬性的小對象--例如買一雙鞋,沒必要找工廠生產

注意事項:

1、不能濫用工廠,有時候只是為程式碼增加複雜度--如上3

三、工廠模式代碼與實戰總結

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
//1.工厂应该有厂长来决定运行到底哪条产品线
//2.消费者-》子类
var gongchang = {};
gongchang.chanyifu = function(){
this.gongren = 50;
alert("我们有"+this.gongren);
}
gongchang.chanxie = function(){
this.gongren = 100;
alert("产鞋子");
}
gongchang.yunshu = function(){
this.gongren = 10;
alert("运输");
}
gongchang.changzhang = function(para){
return new gongchang[para]();
}
var me = gongchang.changzhang("chanxie");
alert(me.gongren);
</script>
</body>
</html>

以上所述是小編跟大家介紹的JavaScript設計模式經典之工廠模式,希望對大家有幫助!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn