工厂模式

• 去买汉堡, 直接点餐, 取餐, 不会自己亲手去做
• 商店要 '封装' 做汉堡的工作, 做好直接给买者

实例

gc1.png

class Product {
  constructor(name) {
    this.name = name
  }
  init() {
    console.log('init')
  }
  fn1() {
    console.log('fn1')
  }
  fn2() {
    console.log('fn2')
  }
}
class Creator {
  create(name) {
    return new Product(name)
  }
}

// 测试
const creator = new Creator()
const p = creator.create('p1')
p.fn1()
p.fn2()

• 在使用Creator 的时候, 我们只需要知道会返回一个实例, 并且实例有fn1和fn2这两个方法就行了, 不需要知道工厂帮我们做了什么

场景

jQuery - $('div')

React.createElement

vue 异步组件