js工廠函數

經常會遇到工廠函數這個詞，不過javascript不是嚴格的面向對象語言，不像java，C#擁有類，所以工廠函數會變得比較模糊。

簡單來講，就是創建一個可以用來創建實例的函數，這樣每一個實例都是獨立的，互不影響。

如：

function Cat () {
  return {
        // 具體內容由實際業務定義，如工廠一樣
        type: 'cat',
        color: 'blacK'
    }  
}


const catOne = new Cat()
const catTwo = new Cat()
// 上訴兩者實際都是黑貓，內容都是一樣，但是互不影響

由於是函數，所以可以增加參數，來優化這個工廠

如：

function cat(color='red') {
    return {
        type: 'cat',
        color
    }
}

// 上述是一個帶默認參數值的工廠函數

// 實例
const redCat = new Cat()
const yellowCat = new Cat('yellow')

由於實際情況不同，如動物和貓的關系，你可能需要一個動物的工廠函數，但是又不想書寫太多的代碼，此時可以組合我們的工廠函數

function Animal () {
    return {
        type: 'animal',
        // kinds是種類
        kinds: [
            Cat()
            // Dog()
        ]
    }
} 

// 所以相當於聲明動物時候，動物的具體類型也跟着聲明 
const animal = new Animal()

還有幾種情況，如異步執行的工廠函數，這在實際業務中會比較常用到，比如獲取后在執行，這里可以使用Promise

// 這里使用axios來獲取數據
function getCity (listUrl) {
    return new Promise ((resovle, reject) => {
        axios.get(listUrl).then(result => {
            resovle({
                error: '1',
                data: result.json()
            })
        }).catch(reject) // 否則直接拋出異常
    })
}

謝謝！

 

作者：一個熱愛改BUG的猴子——[e-mail]