当前位置：首页 > news >正文

MVC_Publish-Subscriber 模式中的事件处理程序

news 来源：原创 2025/5/13 17:26:02

MVC_Publish-Subscriber 模式中的事件处理程序

MVC 中的事件处理：发布者-订阅者模式

在这里插入图片描述

程序启动时，controlRecipes将被传入addHandlerRender;

addHandlerRender会侦听事件（addEventListener）,并使用controlRecipes作为回调；

事件应在控制器中处理（否则视图中就会出现应用逻辑）；
事件应在视图中监听（否则我们就需要在控制器中使用DOM元素）

代码中实现

我们就使用加载和切换的监听的事件来举例；

  addHandlerRender(handler) {
    ['hashchange', 'load'].forEach(ev => window.addEventListener(ev, handler));
  }

然后我们在控制器调用它

const init = function () {
  recipeView.addHandlerRender(controlRecipes);
};

init();

在这里插入图片描述

在 MVC（Model-View-Controller） 架构中，发布-订阅模式（Publish-Subscriber Pattern） 是一种常见的设计模式，用于处理事件和消息传递。它通过解耦事件的发布者和订阅者，使系统更灵活、可扩展。;

订阅事件：向事件中心注册事件处理函数。
处理事件：在事件触发时执行预定义的逻辑。
取消订阅：在不需要时移除事件处理函数。