JavaScript設計模式經典之簡單工廠模式代碼實例

來源：懂視網責編：小采時間：2020-11-27 20:23:57

JavaScript設計模式經典之簡單工廠模式代碼實例

JavaScript設計模式經典之簡單工廠模式代碼實例:簡單工廠模式是由一個方法來決定到底要創建哪個類的實例, 而這些實例經常都擁有相同的接口. 這種模式主要用在所實例化的類型在編譯期并不能確定，而是在執行期決定的情況。說的通俗點，就像公司茶水間的飲料機，要咖啡還是牛奶取決于你按哪個按鈕。簡單工廠

推薦度：

點擊下載本文 文檔為doc格式

導讀JavaScript設計模式經典之簡單工廠模式代碼實例:簡單工廠模式是由一個方法來決定到底要創建哪個類的實例, 而這些實例經常都擁有相同的接口. 這種模式主要用在所實例化的類型在編譯期并不能確定，而是在執行期決定的情況。說的通俗點，就像公司茶水間的飲料機，要咖啡還是牛奶取決于你按哪個按鈕。簡單工廠

簡單工廠模式是由一個方法來決定到底要創建哪個類的實例, 而這些實例經常都擁有相同的接口. 這種模式主要用在所實例化的類型在編譯期并不能確定，而是在執行期決定的情況。說的通俗點，就像公司茶水間的飲料機，要咖啡還是牛奶取決于你按哪個按鈕。

簡單工廠模式在創建ajax對象的時候也非常有用.

這個庫里提供了幾種ajax請求的方式，包括xhr對象的get, post, 也包括跨域用的jsonp和iframe. 為了方便使用, 這幾種方式都抽象到了同一個接口里面.

var request1 = Request(‘cgi.xx.com/xxx’ , ”get’ );
request1.start();
request1.done( fn );
var request2 = Request(‘cgi.xx.com/xxx’ , ”jsonp’ );
request2.start();
request2.done( fn );

Request實際上就是一個工廠方法, 至于到底是產生xhr的實例, 還是jsonp的實例. 是由后來的代碼決定的。

實際上在js里面，所謂的構造函數也是一個簡單工廠。只是批了一件new的衣服. 我們扒掉這件衣服看看里面。

通過這段代碼, 在firefox, chrome等瀏覽器里，可以完美模擬new.

 function A( name ){
this.name = name;
}
function 
Object
Factory(){
var obj = {},
Constructor = 
Array
.prototype.shift.call( arguments );
obj.
proto
 = typeof Constructor .prototype === ‘number’ ? Object.prototype
: Constructor .prototype;
var ret = Constructor.apply( obj, arguments );
return
 typeof ret === ‘object’ ? ret : obj;
}
var a = ObjectFactory( A, ‘svenzeng’ );
alert ( a.name ); //svenzeng

這段代碼來自es5的new和構造器的相關說明，可以看到，所謂的new，本身只是一個對象的復制和改寫過程，而具體會生成什么是由調用ObjectFactory時傳進去的參數所決定的。

詳解JavaScript設計模式經典之策略模式

JavaScript設計模式經典之單例模式詳解

javascript設計模式之觀察者模式詳細介紹

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com