浅析 MVC

目录
1.MVC 三个对象分别做什么，给出伪代码示例
2.EventBus 有哪些 API，是做什么用的，给出伪代码示例
3.表驱动编程是做什么的
4.我是如何理解模块化的

MVC

MVC (Model-View-Controller) 是一种软件设计模式.它强调分离软件的业务逻辑和显示. 这种“分离”提供了更好的分工和改进的维护. 一些其他的模式也是基于MVC来设计的, 像 MVVM (Model-View-Viewmodel), MVP (Model-View-Presenter), 和 MVW(Model-View-Whatever).

1.MVC软件设计模式的三个部分

• Model: 模型持有所有的数据、状态和程序逻辑.
• View: 负责界面的布局和显示.
• Controller: 负责模型和界面之间的交互.

基本流程：View 传送指令到 Controller,Controller 完成业务逻辑后，要求 Model 改变状态,Model 将新的数据发送到 View，用户得到反馈.

三个部分的伪代码实现

Model模型层
获取数据n，初始化增删改查四个API，用于后期操作数据。

const m = {
   
  data: {
   
    n: parseInt(localStorage.getItem('n'))
  },//获取数据
  create() {
   },//增
  delete() {
   },//删
  update(data) {
   //改
    Object.assign(m.data, data)//使用新数据替换旧数据
    eventBus.trigger('m:updated')// eventBus触发'm:update'信息, 通知View刷新 
    localStorage.setItem('n', m.data.n)
  },
  get() {
   }
}//查
}

View视图层
视图主要用于渲染页面，所以我们将html的内容放到V里。
const v = {
   
  el: null,//接受一个容器
  html: `//生成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">*