设计模式-创建型模式-工厂模式(工厂三兄弟) TypeScript

  1. 云栖社区>
  2. 博客>
  3. 正文

设计模式-创建型模式-工厂模式(工厂三兄弟) TypeScript

mysoul8021 2018-11-28 21:55:21 浏览637
展开阅读全文

设计模式-创建型模式-工厂模式(工厂三兄弟) TypeScript

简单工厂模式

定义一个接口,三个具体类。然后书写如下,通过选择,生产出相应的对象

// 定义Shape接口
interface Shape {
    draw():void;
}

// 下面为产品类
// 产品 Circle
class Circle implements Shape{
    public constructor(){

    }

    public draw():void{

    }
}

// 产品Rectangle
class Rectangle implements Shape{
    public constructor(){

    }
    public draw():void{

    }
}

// 下面为生产产品的工厂,根据选择,生产出不同的产品
class ShapeFactory {
    constructor(){

    }
    public static getShape(typeShape:string):Shape{
        if(typeShape === "Circle"){
            return new Circle();
        }

        if (typeShape === "Rectangle"){
            return new Rectangle();
        }

        if (typeShape === null){
            return null;
        }

        return null;
    }
}

// 下面编写测试
let test:Shape = ShapeFactory.getShape("Circle");
// 调用draw方法
test.draw();

编译后的js如下

// 下面为产品类
// 产品 Circle
var Circle = /** @class */ (function () {
    function Circle() {
    }
    Circle.prototype.draw = function () {
    };
    return Circle;
}());
// 产品Rectangle
var Rectangle = /** @class */ (function () {
    function Rectangle() {
    }
    Rectangle.prototype.draw = function () {
    };
    return Rectangle;
}());
// 下面为生产产品的工厂,根据选择,生产出不同的产品
var ShapeFactory = /** @class */ (function () {
    function ShapeFactory() {
    }
    ShapeFactory.getShape = function (typeShape) {
        if (typeShape === "Circle") {
            return new Circle();
        }
        if (typeShape === "Rectangle") {
            return new Rectangle();
        }
        if (typeShape === null) {
            return null;
        }
        return null;
    };
    return ShapeFactory;
}());
// 下面编写测试
var test = ShapeFactory.getShape("Circle");
// 调用draw方法
test.draw();

利用反射改进

class ShapeFactory1 {
    constructor(){

    };
    public static getShape<T extends Shape>(c:{new ():T}):T{    // C类型为类
        return new c();
    }
}
let test = ShapeFactory1.getShape(Circle);
test.draw();
var ShapeFactory1 = /** @class */ (function () {
    function ShapeFactory1() {
    }
    ;
    ShapeFactory1.getShape = function (c) {
        return new c();
    };
    return ShapeFactory1;
}());
var test = ShapeFactory1.getShape(Circle);
test.draw();

工厂方法

即,将工厂拆分


// 工厂方法
class CircleFactory{
    constructor(){

    }
    public static getShape():Shape{
        return new Circle();
    }
}
class RectangleFactory{
    constructor(){

    }
    public static getShape():Shape{
        return new Rectangle();
    }
}
let test = CircleFactory.getShape();
test.draw();

抽象工厂

抽象工厂比较简单不在阐述。
www.iming.info

网友评论

登录后评论
0/500
评论
mysoul8021
+ 关注