笼统工场形式

定义：笼统工场形式是指当有多个笼统角色时，运用的一种工场形式。笼统工场形式能够向客户端供应一个接口，使客户端在没必要指定产物的详细的情况下，建立多个产物族中的产物对象

长处：
1.它分离了详细的类
2.它使得易于交流产物系列
3.它有利于产物的一致性
瑕玷：
难以支撑新品种的产物

代码

注解： 因为笼统工场比较适宜比较大型的项目，贴合vue实际操作也没有想到适宜的运用，所以运用了周边的营业场景来完成一个简朴的笼统工场，下面我们来看todoList的笼统类，内里它会检测是不是有客户运用了它自身，假如运用了它的自身则抛出一个毛病，然后建立了两个详细的产物类一样平常事情的todoList和进修的todoList，而且继续基类todoList，并对它举行掩盖完成

  //笼统产物 （todoList）
class todoList  {
    constructor () {
        if (new.target === todoList) {
            throw new Error('笼统类不能实例化')
        }
    }
}
/**
 * 详细产物类
 */
// 建立事情
class dailyWork extends todoList{
    constructor (name) {
        super()
        this.name = name
    }
    create () {
        console.log('一样平常事情', this.name)
    }
}
// 建立进修
class study extends todoList{
    constructor (name) {
        super()
        this.name = name
    }
    create () {
        console.log('进修', this.name)
    }
}
// 运用
function use(type) {
    switch (type)  {
        case 'work':
            return dailyWork
            break;
        case 'study':
            return study
            break;
    }
}
let dailyWork1 = use('work')
let study1 = use('study')

let newWork = new dailyWork1('增加假造号')
let newStudy = new study1('vue')
newWork.create() // 进修 vue
newStudy.create() // 一样平常事情 增加假造号