526互联

js设计模式之工厂模式

发布时间 2023-12-29 10:29:18作者: 光影少年

原型链实现

let UserFactory = function (role) {
    if (this instanceof UserFactory) {
        let s = new this[role]
        return s
    } else {
        return new UserFactory(role)
    }
}
UserFactory.prototype={
    SumperAdmin:function (){
        this.name="超级管理员"
        this.viewPage=['首页','通讯页','发现页','应用数据','权限管理']
    },
    Admin:function (){
        this.name="管理员"
        this.viewPage=['首页','通讯页','发现页','应用数据']
    },
    NormalUser:function (){
        this.name="普通用户"
        this.viewPage=['首页','通讯页','发现页']
    }
}
let superAdmin=UserFactory('SumperAdmin')
console.log(superAdmin.viewPage)
let Admin=UserFactory('Admin')
console.log(Admin.viewPage)
let NormalUser=UserFactory('NormalUser')
console.log(NormalUser.viewPage)
class Animal{
    constructor(name) {
        this.name = name;
    }
}


class实现

class Creator{
    create(name){
        return new Animal(name)
    }
}
let creator=new Creator()
let cat=creator.create('cat')
console.log(cat.name)
let dog=creator.create('dog')
console.log(dog.name)