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的猴子——310672315@qq.com