浅析MVC

MVC没有严格的定义,M - Model(数据模型,负责封装数据以及数据的处理方法) V - View(视图,负责所有UI界面) C - Controller(控制器,负责处理用户的行为和数据的改变)

伪代码示例

//M封装了数据及其处理方法等
m: {
    data: () {};
  create: () {};
  delete: () {};
  update: () {};
  get: () {}
}

//V保存页面元素、初始化方法和重新渲染方法等
v: {
 el: null;
 init: (){};
 render: (){}
}

//C控制程序的流程,处理用户行为和数据改变等
c: {
    events: {};
    init: () {};
    autoBindEvents: () {}
}

EventBus

EventBus在MVC中的作用在于可以使不同的对象之间进行通讯。

//C对象中监听事件
c.eventBus.on(event)

//M对象中触发事件
m.eventBus.trigger(event)

表驱动编程

表驱动方法是一种使你可以在表中查找信息而不用使用逻辑语句来把他们找出来的方法。事实上任何信息都可以用表来选择,在简单的情况下,逻辑语句往往更简单直接,但是随着逻辑链的复杂,表的意义(数据与逻辑分离)便逐渐体现出来。
在MVC模式中,当类似的函数执行了多次,而他们只有参数和方法不同,那我们就应该把参数和方法抽出来,放到一个哈希表里再去遍历他。这样,我们通过观察哈希表,就可以大致知道这一模块的作用,同时避免了重复代码的出现。

c: {
    //将事件写到一个表里
    events: {
    'click #add': add;
    'click #minus': minus;
    'click #mul': mul;
    'click #divide': div
  };
    //遍历哈希表  
  autoBindEvents: () {
    forEach(key in c.events) {}
  }
}

模块化

模块化可以简单理解为对于复杂代码的隔离、封装等操作。
当一系列代码共同实现某项功能时,可以把他们单独放到一个文件里,再在另一个文件中引入。
好处:

  • 代码规范。代码文件各自实现自身功能,再层层引入,更加规范。
  • 视觉简洁。主要文件引入次级文件,无冗余代码,一目了然。
  • 维护方便。后期维护时,不仅方便找到对应功能的代码,而且需要改动的地方也大大减少。
    同样在MVC模式中,可以在一功能模块中暴露出一个接口,在上级模块调用并传入数据。

参考文章

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,406评论 6 503
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,732评论 3 393
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,711评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,380评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,432评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,301评论 1 301
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,145评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,008评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,443评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,649评论 3 334
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,795评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,501评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,119评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,731评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,865评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,899评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,724评论 2 354

推荐阅读更多精彩内容

  • 一、 MVC 设计模式 1. 设计模式 设计模式,是通用代码(组织方式)的一种统称 2. MVC 是什么 MVC ...
    x___h阅读 274评论 0 0
  • MVC是什么 MVC——用于解决页面代码过于重复的一个的设计模式(优化页面代码结构)。首先:MVC没有严格的定义。...
    Sharpe阅读 314评论 0 0
  • 一、MVC是什么? M 就是 model, 即数据模型,负责数据相关的任务,包括对数据的增删改查 V 就是view...
    Carlmac阅读 254评论 0 0
  • 【目录】 一、MVC 三个对象分别做什么二、EventBus 有哪些 API,是做什么用的三、表驱动编程是做什么的...
    云卷云舒听雨声阅读 414评论 0 0
  • MVC 是什么,三个对象分别做什么 MVC是一种架构设计模式,它通过关注点分离鼓励改进应用程序组织 MVC即 Mo...
    csy没有昵称阅读 326评论 0 0