TS实现简单的观察者模式

最新推荐文章于 2024-09-27 15:00:00 发布

huazizhanye、

最新推荐文章于 2024-09-27 15:00:00 发布

阅读量258

点赞数 1

CC 4.0 BY-SA版权

分类专栏： ts 文章标签：观察者模式前端

本文链接：https://blog.youkuaiyun.com/wzsud/article/details/130617268

ts 专栏收录该内容

2 篇文章

订阅专栏

文章介绍了观察者模式，它定义了一对多的依赖关系，当一个对象的状态改变时，所有依赖该对象的其他对象都会得到通知并自动更新。示例中展示了如何创建一个Person类作为被观察者，Test类作为观察者，通过设置和更改姓名触发通知机制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

观察者模式: 观察者模式是定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都得到通知并被自动更新。

// 观察者模式的实现
interface IObserver {
    changeName(name: string): void; 
}

class Preson {
    private _name: string;
    // 所有的观察者
    observer: Array<IObserver> = new Array<IObserver>();

    set <T extends string>(value: T): void {
        this._name = value;
        // 发生变化
        // 遍历观察者数组，给所有的观察者发消息
        for (let obs of this.observer) {
            obs.changeName(this._name);
        }
    }

    get <T extends string>(value: T): T {
        return value
    }
}

class Test implements IObserver{
    changeName(name: string): void {
        console.log('名字变成了' + name);
    }
}

const P = new Preson()
const T = new Test()

// 设置监听对象,添加一个观察者到观察者列表中。 这会发生变化。
P.observer.push(T);
P.set('Billy');
P.set('Robby');
P.set('Tony');

// 编译结果
// 名字变成了Billy
// 名字变成了Robby
// 名字变成了Tony