JS设计模式-工厂模式

作者: bestvist | 来源:发表于2017-10-04 16:38 被阅读67次

工厂模式是最常用的实例化对象模式,是用工厂方法代替new操作的一种模式
原文

简单工厂模式

  • 优点:能解决多个相似的问题
  • 缺点:不能识别对象的类型

function Factory(name,age,sex){
    let person = {};
    person.name = name;
    person.age = age;
    person.sex = sex;
    person.say = function(){
        return this.name;
    };
    return person;
}

let tom = new Factory('Tom','10','male');
let jerry = new Factory('Jerry','20','female');

工厂模式是为了解决多个类似对象声明问题,也就是重复实例化对象的问题

复杂工厂模式

将其成员对象的实例化推迟到子类中,子类可以重写父类接口方法以便创建时指定独自的对象类型
父类只对创建过程中的一般性问题进行处理,子类继承,但子类之间相互独立,具体业务再各自实现
父类变为抽象类,不能被实例

//工厂构造函数
function Factory(name){
    this.name = name;
    this.say = function(){
       return this.name;
    }
}
Factory.prototype = {
    constructor: Factory,
    createFactory: function(){
        throw new Error('父类抽象类无法直接调用,需要子类重写');
    }
}

//原型继承
function extend(sub,sup){
    //定义空函数
    let F= function(){};
    //空函数原型为父类原型
    F.prototype = sup.prototype;
    //实例化空函数传递给子类原型
    sub.prototype = new F();
    //使子类构造器指向自身
    sub.prototype.constructor = sub;
    //保存父类原型
    sub.sup = sup.prototyp;
    //检测父类原型为父类自身
    if(sup.prototype.constructor === Object.prototype.constructor){
        sup.prototype.constructor = sup;
    }
}

function Person(name){
    this.name = name;
    Factory.call(this,name);
} 

extend(Person,Factory);

Person.prototype.createFactory = function(){
    switch(this.name){
        case 'Tom': return {name: 'Tom', age: 10, sex: 'male'};
        case 'Jerry': return {name: 'Jerry', age: 20, sex: 'female'};
        default : return {};
    }
}

let Tom = new Person('Tom');
let tom1 = Tom.createFactory();

这样的好处是通用方法写在工厂函数中,不需要重复实现,不同个性化代码在子类中实现

相关文章

  • 前端设计模式

    JS设计模式一:工厂模式jS设计模式二:单例模式JS设计模式三:模块模式JS设计模式四:代理模式JS设计模式五:职...

  • 十道前端面试题第【05】篇

    摘要:本篇是设计模式专题,分享了10个设计模式的JS示例代码——工厂模式、单例模式、原型模式、建造者模式、外观模式...

  • 设计模式四、抽象工厂模式

    系列传送门设计模式一、单例模式设计模式二、简单工厂模式设计模式三、工厂模式设计模式四、抽象工厂模式 抽象工厂模式 ...

  • 工厂模式

    java设计模式-工厂模式 工厂模式: 工厂模式是java设计模式里最常用的设计模式之一。 工厂模式属于创建型模式...

  • 设计模式之工厂模式

    设计模式之工厂模式 标签(空格分隔): 设计模式 工厂模式 设计模式的感念 设计模式的应用 工厂设计模式的产生 工...

  • 设计模式三、工厂模式

    系列传送门设计模式一、单例模式设计模式二、简单工厂模式设计模式三、工厂模式设计模式四、抽象工厂模式 工厂模式 在一...

  • JS设计模式-工厂模式

    简单工厂模式 优点:能解决多个相似的问题 缺点:不能识别对象的类型 工厂模式是为了解决多个类似对象声明问题,也就是...

  • js设计模式-工厂模式

    工厂模式 什么是工厂模式工厂模式是一种 创建模式,用来解决创建对象的问题。根据参数类型,通过调用工厂方法来创建不同...

  • JS设计模式-工厂模式

    工厂模式介绍 什么时候用工厂模式,使用场景等? 将 new 操作单独封装 遇到 new 时,就要考虑是否该使用工厂...

  • 设计模式一、单例模式

    系列传送门设计模式一、单例模式设计模式二、简单工厂模式设计模式三、工厂模式设计模式四、抽象工厂模式 简单单例(推荐...

网友评论

    本文标题:JS设计模式-工厂模式

    本文链接:https://www.haomeiwen.com/subject/zyjcyxtx.html