免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
深入理解JavaScript系列(28):設(shè)計(jì)模式之工廠模式

介紹

與創(chuàng)建型模式類似,工廠模式創(chuàng)建對(duì)象(視為工廠里的產(chǎn)品)時(shí)無(wú)需指定創(chuàng)建對(duì)象的具體類。

工廠模式定義一個(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ì)象類型。

正文

下面這個(gè)例子中,是應(yīng)用了工廠方法對(duì)第26章構(gòu)造函數(shù)模式代碼的改進(jìn)版本:

var Car = (function () {
var Car = function (model, year, miles) {
this.model = model;
this.year = year;
this.miles = miles;
};
return function (model, year, miles) {
return new Car(model, year, miles);
};
})();

var tom = new Car("Tom", 2009, 20000);
var dudu = new Car("Dudu", 2010, 5000);

不好理解的話,我們?cè)俳o一個(gè)例子:

var productManager = {};

productManager.createProductA = function () {
console.log('ProductA');
}

productManager.createProductB = function () {
console.log('ProductB');
}

productManager.factory = function (typeType) {
return new productManager[typeType];
}

productManager.factory("createProductA");

如果還不理解的話,那我們就再詳細(xì)一點(diǎn)咯,假如我們想在網(wǎng)頁(yè)面里插入一些元素,而這些元素類型不固定,可能是圖片,也有可能是連接,甚至可能是文本,根據(jù)工廠模式的定義,我們需要定義工廠類和相應(yīng)的子類,我們先來(lái)定義子類的具體實(shí)現(xiàn)(也就是子函數(shù)):

var page = page || {};
page.dom = page.dom || {};
//子函數(shù)1:處理文本
page.dom.Text = function () {
this.insert = function (where) {
var txt = document.createTextNode(this.url);
where.appendChild(txt);
};
};

//子函數(shù)2:處理鏈接
page.dom.Link = function () {
this.insert = function (where) {
var link = document.createElement('a');
link.href = this.url;
link.appendChild(document.createTextNode(this.url));
where.appendChild(link);
};
};

//子函數(shù)3:處理圖片
page.dom.Image = function () {
this.insert = function (where) {
var im = document.createElement('img');
im.src = this.url;
where.appendChild(im);
};
};

那么我們?nèi)绾味x工廠處理函數(shù)呢?其實(shí)很簡(jiǎn)單:

page.dom.factory = function (type) {
return new page.dom[type];
}

使用方式如下:

var o = page.dom.factory('Link');
o.url = 'http://www.cnblogs.com';
o.insert(document.body);

至此,工廠模式的介紹相信大家都已經(jīng)了然于心了,我就不再多敘述了。

總結(jié)

什么時(shí)候使用工廠模式

以下幾種情景下工廠模式特別有用:

  1. 對(duì)象的構(gòu)建十分復(fù)雜
  2. 需要依賴具體環(huán)境創(chuàng)建不同實(shí)例
  3. 處理大量具有相同屬性的小對(duì)象

什么時(shí)候不該用工廠模式

不濫用運(yùn)用工廠模式,有時(shí)候僅僅只是給代碼增加了不必要的復(fù)雜度,同時(shí)使得測(cè)試難以運(yùn)行下去。

同步與推薦

本文已同步至目錄索引:深入理解JavaScript系列

深入理解JavaScript系列文章,包括了原創(chuàng),翻譯,轉(zhuǎn)載等各類型的文章,如果對(duì)你有用,請(qǐng)推薦支持一把,給大叔寫作的動(dòng)力。

本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
JavaScript 知識(shí)點(diǎn)整理
javascript工廠模式,調(diào)用的方法
Java面試題總結(jié)之OOA/D,UML,和XML
理解JavaScript中的設(shè)計(jì)模式
Javascript常用的設(shè)計(jì)模式詳解
JavaScript連載27-文檔加載模式以及元素獲取
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服