javascript设计模式之Observer（观察者）模式

最新推荐文章于 2024-08-11 21:51:38 发布

vuturn

最新推荐文章于 2024-08-11 21:51:38 发布

阅读量8.1k

点赞数 1

分类专栏：设计模式文章标签： javascript 设计模式观察者模式 Observer

本文链接：https://blog.csdn.net/vuturn/article/details/48161995

版权

本文深入探讨了Observer（观察者）设计模式，解释了其基本概念，如何在JavaScript中实现Observer模式，并将其与Publish/Subscribe模式进行了比较。通过具体的代码示例，展示了如何创建Subject和Observer，以及如何在实际应用中进行测试。

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

具体概念

Observer(观察者)是一种设计模式，一个对象（subject）维持一系列依赖于它（观察者）的对象，将任何状态的任何变更自动通知给它们。

Suject(目标)

维护一系列的观察者，方便添加或者删除观察者。

Observer（观察者）

为那些在目标状态发生改变时需获得通知的对象提供更新接口

代码实现

所依赖的代码

function ObserverList(){
    this.observerList=[];
}
ObserverList.prototype.Add=function(obj){
    return this.observerList.push(obj);
};
ObserverList.prototype.RemoveIndexAt=function(index){
        this.observerList.splice(index,1);
};
ObserverList.prototype.Count=function(){
    return this.observerList.length;
};
ObserverList.prototype.Get=function(index){
    if(index > -1 && index < this.observerList.le