如何用JavaScript实现观察者模式，构建长尾词？

本文共计921个文字，预计阅读时间需要4分钟。

目录- 观察者模式概述- 观察者模式场景模拟- 代码实现- 代码重构- 总结- 观察者模式定义- 观察者模式是一种设计模式- 观察者模式定义了对象间的一种一对多的依赖关系- 观察者模式当对象的状态发生变化时，会自动通知所有依赖于它的对象

目录

• 什么是观察者模式？
• 场景模拟
• 代码实现
• 重构代码
• 总结

什么是观察者模式？

• 观察者模式一种设计模式。
• 观察者模式定义了对象间的一种 一对多 的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知，并自动更新。
• 简单说明，在观察者模式中，有两个模型，一个观察者(observer)和一个被观察者(Observed)。当被观察者发生改变或变化时，会通知观察者。

场景模拟

• 倘若即将到来双11，想要在双11购买商品的人就是观察者(Observer)
• 想要购买的商品就是被观察者(Observed)
• 为了更加形象，添加一个商家来改变商品的价格，商家也就是发布者(Publish)
• 当双11当天，商家(发布者(Publish))会修改商品（被观察者(Observed)）的价格，然后关注订阅该商品的人（观察者(Observer)）就会收到信息通知。