JavaScript 设计模式：发布订阅

最新推荐文章于 2024-08-15 22:33:35 发布

hl199626

最新推荐文章于 2024-08-15 22:33:35 发布

阅读量377

点赞数 1

分类专栏：经验分享文章标签： javascript 设计模式开发语言经验分享

本文链接：https://blog.csdn.net/hl199626/article/details/125407329

版权

本文探讨了JavaScript中的发布订阅（观察者）模式，它用于建立对象间的一对多依赖关系。通过事件模型，发布订阅模式在异步编程中起到了关键作用，减少硬编码的通知机制，提高代码松耦合性。文章通过实例解释了如何实现和优化发布订阅，包括解决先发布后订阅的问题和避免命名冲突。同时，提到了过度使用可能带来的内存和维护问题。

摘要由CSDN通过智能技术生成

发布-订阅模式又叫观察者模式。 它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。

在JavaScript开发中，我们一般用事件模型来替代传统的发布订阅模式。

①发布—订阅模式可以广泛应用于异步编程中，这是一种替代传递回调函数的方案。比如，我们可以订阅ajax请求的error、succ等事件。

②可以取代对象之间硬编码的通知机制，一个对象不用再显式地调用另外一个对象的某个接口。

买房者收到售楼处发布的房源售卖通知。售楼处就是发布者，买房者就是订阅者，订阅的是售卖房源的信息。买房者有很多人，他们会订阅不同的房源（不同的地理位置，价格、周边等），发布者可以根据不同的订阅者发布不同的信息。

var salesOffices = {};        //发布者售楼处
salesOffices.clientList = {};        // 一个客户列表
salesOffices.listen = function ( key, fn ) {        // 一个收集用户订阅信息的方法
    if ( ! this.clientList[ key ] ) {
        this.clientList[ key ] = [];
    }
    this.clientList[ key ].push( fn );
};
salesOffices.trigger = function() {        // 一个发布订阅消息给用户的方法
    var key = Array.prototype.shift.call( arguments );
    var fns = this.clientList[ key ];
    if ( ! fns || fns.length ==&