js中介者模式怎么使用

蜗牛 互联网技术资讯 2022-06-02 60 0

今天小编给大家分享一下js中介者模式怎么使用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

购物需求,存在商品选择表、颜色选择表、购买数量表等,都会触发change事件,然后可以通过中介转发处理,实现各事件之间的解耦,只需要维护中介对象。

使用场景

1、系统中对象之间存在复杂的引用关系,相互依赖的关系结构混乱,难以理解。

2、交互式公共行为,如果需要改变,可以增加新的中介。

实例

举个生活中常见的例子——群聊。

// 小A加入了前端群,如果群里有人说话,自己就会收到消息
mediator.subscribe('fe-group', function(data) {
    console.log(data)
})
 
// 小B也加入了前端群,如果群里有人说话,自己就会收到消息
mediator.subscribe('fe-group', function(data) {
    console.log(data)
})
 
// 这个时候小B在群里给小A发送了一条信息
// 在群里的人都会收到这条信息
// 打印两次 {message: 'hello A', from: 'B', to: 'A'}
mediator.publish('fe-group', {message: 'hello A', from: 'B', to: 'A'})

以上就是“js中介者模式怎么使用”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注蜗牛博客行业资讯频道。

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:niceseo99@gmail.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

评论