JavaScript基礎(chǔ)學習——面向?qū)ο螅▽ο髣?chuàng)建之工廠模式）

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

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

前言

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

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

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

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

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

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

這樣就無形中給我們增加了很多工作，代碼量也會大大增加，而這么多重復(fù)的東西是完全沒必要的。于是我們就需要用到創(chuàng)建對象的各種設(shè)計模式來解決這個問題了，這章先講工廠模式。

工廠模式

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

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

工廠模式分為三類：簡單工廠模式、工廠方法模式和抽象工廠模式

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

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

//創(chuàng)建一個簡單函數(shù)，就當作一個類

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

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

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("允許進入該網(wǎng)站")
    } 
    else if(age < 18 ){
        o.type = "未成年";
        console.log("不允許進入該網(wǎng)站")
    }
    else {
        o.type = "成年人";
        console.log("不允許進入該網(wǎng)站")
    }
    return o
}

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

優(yōu)點

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

缺點

這種模式的缺點也是很明顯的，因為我們復(fù)雜的邏輯都封裝在了函數(shù)里，一旦某處出現(xiàn)了邏輯錯誤，就會影響所有使用這個工廠的人，可以說是牽一發(fā)而動全身。