浅析MVC

最新推荐文章于 2024-04-26 14:03:29 发布

写代码的陈道长

最新推荐文章于 2024-04-26 14:03:29 发布

阅读量177

点赞数

文章标签： mvc javascript 前端

本文链接：https://blog.csdn.net/m0_72552013/article/details/126787758

版权

浅析MVC

MVC三个对象分别做什么？
EventBus有哪些API，是做什么用的？
什么是表驱动编程？
如何理解模块化

MVC三个对象分别做什么

MVC是一种架构设计模式，它通过关注点分离鼓励改进应用程序组织，说白了，就是一种写代码的思想，能够帮助开发者写出更加“规范”的代码，MVC中包括了三类对象，分别对应M，V，C三个字母，分别为：

Model模型
View视图
Controller控制器

模型是用于封装应用程序的业务逻辑相关的数据以及对数据的处理方法，视图就是用户所看到的界面，控制器就是定义用户界面对用户输入的响应方式，起到不同层面的组织作用，用于控制应用程序的流程，他处理用户的行为和数据model上的改变。

举个例子说明，比如有一个计算机页面，用户可以通过加减乘除来控制数字的大小，那么这里的m就是控制计算机的计算逻辑，以及数字的反馈，这里的v就是计算机显示给用户的数字，以及加减乘除的按钮，c就是来监听点击事件，并将点击事件传送给运算模块，最后能够成功反馈需要显示的数字。

总之，MVC就是一种设计模式，能够很好的完成编程的工程化实现。随着时代的发展，还有更多由MVC启发的设计模式，如MVP、MVVM、MV*等，这些框架都显示着设计模式的重要性。

EventBus有哪些API，是做什么用的？

EventBus能够简化各组件间的通信，让我们的代码书写变得简单，能有效的分离事件发送方和接收方(也就是解耦的意思)，能避免复杂和容易出错的依赖性和生命周期问题。EventBus基本的api有on、trigger、off，分别用于监听事件，触发事件，取消监听。

//EventBus.js
class EventBus{
    constructor(){
        this._eventBus =$(window)
    }
    on(eventName, fn){
        return this._eventBus.on(eventName,fn)
    }
    trigger(eventName,data){
        return this._trigger.tiggger(eventName,data)
    }
    off(eventName, fn){
        return this._eventBus.off(eventName,fn)
    }
}
export default EventBus
//new.js
import EventBus from 'EventBus.js'
const e =new EventBus()
e.on()
e.trigger()
e.off()

什么是表驱动编程？

《代码大全》对表驱动编程的描述：
表驱动方法是一种使你可以在表中查找信息，而不必用逻辑语句（if 或 case）来把他们找出来的方法。事实上，任何信息都可以通过表来挑选。在简单的情况下，逻辑语句往往更简单而且更直接。但随着逻辑链的复杂，表就变得越来越富于吸引力了。
表驱动编程的意义在于逻辑与数据的分离。

function translate(term) {
    let terms = {
        '1': '一',
        '2': '二',
        '3': '三'
    }
    return terms[term];
}

// 如果想添加一个新的名词翻译，只需要在terms中添加一个新的表项，不需要修改整个逻辑
function translate(term) {
    let terms = {
        '1': '一',
        '2': '二',
        '3': '三'
        '4': '四'   // 添加一个新的名词翻译
    }
    return terms[term];
}