JavaScript基礎(chǔ)學(xué)習(xí)——面向?qū)ο螅▽?duì)象創(chuàng)建之工廠模式）

qpal 發(fā)布于2019-08-23 17:12 / 3372人閱讀

摘要：官方解釋工廠是構(gòu)造方法的抽象，抽象了創(chuàng)建具體對(duì)象的過程。工廠方法模式的實(shí)質(zhì)是定義一個(gè)創(chuàng)建對(duì)象的接口，但讓實(shí)現(xiàn)這個(gè)接口的類來(lái)決定實(shí)例化哪個(gè)類。

前言

上一章回顧了JS對(duì)象的屬性類型，那么除了我們常用的new Object()構(gòu)造函數(shù)創(chuàng)建對(duì)象和字面量方式創(chuàng)建對(duì)象的方式外，還需要用到更多的模式來(lái)解決對(duì)象被多次復(fù)用的問題。什么意思呢？就是我們很有可能會(huì)在各個(gè)地方去使用已經(jīng)創(chuàng)建過的對(duì)象，但是對(duì)象里的屬性值有可能是不同的。舉個(gè)例子：

let obj = {
  name:"勾鑫宇",
  age:18，
  myName:function(){
    console.log(this.name)
  }
}

如果我們想繼續(xù)使用這個(gè)obj對(duì)象，但里面的屬性值需要改變，我們可能會(huì)想到這樣做：

let obj2 = obj;
obj2.name = "張三";

但是這樣做有一個(gè)問題，由于JS中引用類型的機(jī)制，當(dāng)你修改obj2的同時(shí)，obj也被改變了。所以我們就不得不像下面這樣再重新創(chuàng)建一個(gè)obj2對(duì)象。

let obj2 = {
  name:"張三",
  age:23,
  myName:function(){
    console.log(this.name)
  }
}

這樣就無(wú)形中給我們?cè)黾恿撕芏喙ぷ鳎a量也會(huì)大大增加，而這么多重復(fù)的東西是完全沒必要的。于是我們就需要用到創(chuàng)建對(duì)象的各種設(shè)計(jì)模式來(lái)解決這個(gè)問題了，這章先講工廠模式。

工廠模式

根據(jù)書上和各種百科的解釋，還是先來(lái)一個(gè)官方版本，然后寫寫我的理解吧。

官方解釋：
工廠是構(gòu)造方法的抽象，抽象了創(chuàng)建具體對(duì)象的過程。工廠方法模式的實(shí)質(zhì)是“定義一個(gè)創(chuàng)建對(duì)象的接口，但讓實(shí)現(xiàn)這個(gè)接口的類來(lái)決定實(shí)例化哪個(gè)類。工廠方法讓類的實(shí)例化推遲到子類中進(jìn)行。

工廠模式分為三類：簡(jiǎn)單工廠模式、工廠方法模式和抽象工廠模式

我的理解：
至于為什么要叫工廠模式，就是因?yàn)檫@個(gè)模式將我們所需要的邏輯代碼給封裝到了一個(gè)函數(shù)里面，然后我們只需要傳入相應(yīng)的參數(shù)，就能夠去獲取需要的結(jié)果。這個(gè)過程就如同我們向工廠要東西一樣簡(jiǎn)單。比如我們需要一臺(tái)電腦，只需要告訴工廠電腦的屏幕尺寸是多大、系統(tǒng)是Win還是Linux、內(nèi)存是多少G，而不用關(guān)心屏幕是怎么制作的，系統(tǒng)是怎么設(shè)置的，內(nèi)存條是怎么做的，最重要的是最終這個(gè)電腦是怎么組裝出來(lái)的我們也不關(guān)心，只關(guān)心最后能拿到一臺(tái)我們所需的成品電腦就行了。

由于《JS高編》里這一部分只講了簡(jiǎn)單工廠模式的實(shí)現(xiàn)，其他兩種模式就先不說，更多的可以去看《JS設(shè)計(jì)模式》。

//創(chuàng)建一個(gè)簡(jiǎn)單函數(shù)，就當(dāng)作一個(gè)類

//第一種方式是通過new Object()創(chuàng)建對(duì)象，最后返回它
function person(name,age){
    let o = new Object();
    o.name = name;
    o.age = age;
    o.myName = function(){
        console.log("我的名字是"+o.name)
    }
    return o;
}

let person1 = person("勾鑫宇",18);
let person2 = person("張三",23);

person1.myName();//輸出“我的名字是勾鑫宇”
person2.age;//輸出23

//第二種方式是通過字面量形式創(chuàng)建對(duì)象
function person(name,age){
    let o = {
        name: name;
        age: age;
        myName: function(){
            console.log("我的名字是"+o.name)
        }
    }
    return o;
}

上面的方法使用簡(jiǎn)單工廠模式封裝了一個(gè)類，然后我們只需要傳入名字和年齡的參數(shù)就行了。那么我們還可以添加稍微復(fù)雜一點(diǎn)的邏輯在這個(gè)工廠里面。

function person(name,age,country){
    let o = {
        name: name,
        age:age,
        myName:function(){
            console.log("我的名字是" + o.name)
        },
        country:country,
        type:""
    }
    if(age > 18 && country !== "China"){
        o.type = "成年人";
        console.log("允許進(jìn)入該網(wǎng)站")
    } 
    else if(age < 18 ){
        o.type = "未成年";
        console.log("不允許進(jìn)入該網(wǎng)站")
    }
    else {
        o.type = "成年人";
        console.log("不允許進(jìn)入該網(wǎng)站")
    }
    return o
}

let person1 = person("李四",20,"Japan");//輸出“允許進(jìn)入該網(wǎng)站”
let person2 = person("張三",17,"Japan");//輸出“不允許進(jìn)入該網(wǎng)站”
let person3 = person("王五",23,"China");//輸出“不允許進(jìn)入該網(wǎng)站”

優(yōu)點(diǎn)

簡(jiǎn)單工廠模式的優(yōu)點(diǎn)很明顯，就是將我們的邏輯代碼都封裝好了，最終只暴露出一個(gè)公共的接口讓我們傳入?yún)?shù)即可使用。這種方式極大地減少了代碼量，提高了代碼的復(fù)用性。同時(shí)使得我們能夠根據(jù)不同的條件去創(chuàng)造不同的工廠，最終獲得不同的產(chǎn)品。

缺點(diǎn)

這種模式的缺點(diǎn)也是很明顯的，因?yàn)槲覀儚?fù)雜的邏輯都封裝在了函數(shù)里，一旦某處出現(xiàn)了邏輯錯(cuò)誤，就會(huì)影響所有使用這個(gè)工廠的人，可以說是牽一發(fā)而動(dòng)全身。

GPU云服務(wù)器云服務(wù)器面向?qū)ο笤O(shè)計(jì)模式 java面向?qū)ο蠡A(chǔ) javascript 面向?qū)ο?/a> javascript面向?qū)ο?/a>

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/103982.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

qpal

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

tensorflow

閱讀 3005·2023-04-26 02:22
Java的環(huán)境搭建

閱讀 2349·2021-11-17 09:33
高防主機(jī)是什么-什么是高防服務(wù)器？

閱讀 3247·2021-09-22 16:06
服務(wù)器怎么做虛擬主機(jī)-我想在服務(wù)器建立虛擬主機(jī)，該怎么做？

閱讀 1159·2021-09-22 15:54
面試記錄2

閱讀 3596·2019-08-29 13:44
css邊框與背景

閱讀 2019·2019-08-29 12:37
大規(guī)模應(yīng)用TypeScript「2019 JSConf -Brie Bunge」

閱讀 1372·2019-08-26 14:04
【build your own xxx】實(shí)現(xiàn)你自己的call和apply

閱讀 1975·2019-08-26 11:57

亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

JavaScript基礎(chǔ)學(xué)習(xí)——面向?qū)ο螅▽?duì)象創(chuàng)建之工廠模式）

相關(guān)文章

Java - 收藏集 - 掘金

JS程序

**前端基礎(chǔ)進(jìn)階（九）：詳解面向對(duì)象、構(gòu)造函數(shù)、原型與原型鏈**

php設(shè)計(jì)模式

php設(shè)計(jì)模式

發(fā)表評(píng)論

0條評(píng)論

qpal

男|高級(jí)講師

TA的文章

tensorflow

Java的環(huán)境搭建

高防主機(jī)是什么-什么是高防服務(wù)器？

服務(wù)器怎么做虛擬主機(jī)-我想在服務(wù)器建立虛擬主機(jī)，該怎么做？

面試記錄2

css邊框與背景

大規(guī)模應(yīng)用TypeScript「2019 JSConf -Brie Bunge」

【build your own xxx】實(shí)現(xiàn)你自己的call和apply

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

JavaScript基礎(chǔ)學(xué)習(xí)——面向?qū)ο螅▽?duì)象創(chuàng)建之工廠模式）

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！