JS设计模式之工厂设计

在前端， 特别是图形化数据呈现的时候， 可能面临数据转化成图标的需求， 但是如果单个图标的生成或者操作， 维护起来是一件很麻烦的事情， 因此， 工厂模式的设计模式可以帮助我们解决这个问题。

今天先来浅谈一下工厂模式， 先上代码：

class Product {
    constructor(name) {
        this.name = name;
    }

    init() {
        alert('init1');
    }

    fun1() {
        alert('fun1');
    }

    fun2() {
        alert('fun2');
    }
}

class Creator {
    constructor(name) {
        return new Product(name);
    }
}

let creator = new Creator('p1');

creator.init();
creator.fun1();

创建的类， 返回另外一个实例化的类。
从中我们可以得到启发， 就是把数据类和图表进行组合， 然后返回一个组合后的类， 可以以数据驱动， 来生成多个图标， 项目的github地址。