建造者模式

Builder

概述

关注细节和过程

将构架层和表示层相互分离

一步一步创建一个复杂的对象

页面渲染

页面每个组成部分，特别需要数据支撑的部分，都需要经历初始化、获取数据、渲染数据的过程。整个过程统一由建造者完成

每部分都可以使用异步模式

参考代码

class Navbar {
  init() {
    console.log('Navbar init');
  }
  getData() {
    console.log('Navbar get data');
  }
  render() {
    console.log('Navbar render');
  }
}
class List {
  init() {
    console.log('List init');
  }
  getData() {
    console.log('List get data');
  }
  render() {
    console.log('List render');
  }
}
class Builder {
  startBuild(build) {
    build.init()
    build.getData()
    build.render()
  }
}         

let builer = new Builder()
builer.startBuild(new Navbar())
builer.startBuild(new List())