• 将new操作单独封装
    • 遇到new的时候，就需要考虑是否该用到工厂模式
    1. class Product {
    2.   constructor(name) {
    3.       this.name = name
    4.   }
    6.   init() {}
    8.   func1() {}
    10.   func2() {}
    11. }
    13. class Creator {
    14.     create(name) {
    15.       return new Product()
    16.   }
    17. }
    19. let creator = new Creator()
    20. let p = creator.create('p1') // 工厂方式实例化类
    21. p.init()
    22. p.func1()

    UML类图:

    点击查看【undefined】

    举例:

    • jQuery
    1. window.$ = function(selector) { // $就是一个工厂，返回实例化后的jQuery
    2.     return new jQuery(selector) 
    3. }
    • React.createElement()
    1. class Vnode(tag, props, children) {
    2.     /* 省略部分代码 */
    3. }
    5. // jsx其实就是createElement的语法糖
    6. React.createElement = function(tag, props, children) {
    7.   /* 省略部分代码 */
    8.     return new Vnode(tag, props, children)
    9. }

    验证:

    • 构造函数和创建者是分离的
    • 符合开放封闭原则