浅析MVC

1.MVC 三个对象分别做什么，给出伪代码示例

MVC是一种设计模式，能够使代码更简洁、优美，每个模块都可以写成3个对象，分别是M、V、C。

M 负责操作所有数据。

const m = {
  data: {
    n: parseInt(localStorage.getItem('n'))
  },
  create(){},
  delete(){},
  update(data){
    Object.assign(m.data,data)
    eventBus.trigger('m:updated')
    localStorage.setItem('n', m.data.n)
  },
  get(){}
}

V负责所有界面。

const v = {
  el: null,
  html: `
    <div>
      <div class="output">
        <span id="number">{{n}}</span>
      </div>
      <div class="actions">
        <button id="add1">+1</button>
        <button id="minus1">-1</button>
        <button id="mul2">*2</button>
        <button id="divide2">÷2</button>
      </div>
    </div>
  `
,
  init(container) {
    v.el = $(container)
  },
  render(n) {
    if(v.el.children.length !== 0) v.el.empty()
    $(v.html.replace('{{n}}', n))
      .appendTo(v.el)
    }
}

C负责其他事情。

const c = {
  init(container) {
    v.init(container)
    v.render(m.data.n) // view = render(data)
    c.autoBindEvents()
    eventBus.on('m:updated', () => {
      v.render(m.data.n)
    })
  },
  events: {
    'click #add1': 'add',
    'click #minus1': 'minus',
    'click #mul2': 'mul',
    'click #divide2': 'div',
  },
  add() {
    m.update({n: m.data.n + 1})
  },
  minus() {
    m.update({n: m.data.n - 1})
  },
  mul() {
    m.update({n: m.data.n * 2})
  },
  div() {
    m.update({n: m.data.n / 2})
  },
  autoBindEvents() {
    for (let key in c.events) {
      const value = c[c.events[key]]
      const spaceIndex = key.indexOf(' ')
      const part1 = key.slice(0, spaceIndex)
      const part2 = key.slice(spaceIndex + 1)
      v.el.on(part1, part2, value)
    }
  }
}

2.EventBus 有哪些 API，是做什么用的，给出伪代码示例

Eventbus承载了许多事件，是这些事件通信的桥梁。
EventBus主要的api有 on（监听事件）、trigger（触发事件）、off（取消监听）。

eventBus.on('m:updated',()=>{v.render(m.data.n)}) eventBus.trigger('m:updated')

3.表驱动编程是做什么的

表驱动编程，能从表里面查找信息而不使用逻辑语句。它的好处是消除代码里面到处出现的if、else、swith语句，让凌乱代码变得简明和清晰。
对简单情况而言，表驱动方法可能仅仅使逻辑语句更容易和直白，但随着逻辑的越来越复杂，表驱动法就愈发有吸引力。表驱动可以使你的代码更简洁，结构更加灵活，多用于逻辑性不强但是分支多的情况。

4.我是如何理解模块化的

使用模块化能够使每块代码条理清楚，独立、互不影响，发现有错误时便于修改。