DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript設計模式經典之工廠模式
JavaScript設計模式經典之工廠模式
編輯:關於JavaScript     

一、工廠模式概念

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

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

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

模式作用:

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設計模式經典之工廠模式,希望對大家有所幫助!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved