JS中如何实现自定义事件及观察者模式详细解析？

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

目录

一、前言

二、观察者模式优势与缺点

三、代码实现

四、DOM自定义事件API

一、前言

二、观察者模式优势与缺点

三、代码实现

四、DOM自定义事件API

目录

• 一、前言
• 二、观察者模式优缺点
• 三、代码实现
• 四、DOM自定义事件API

一、前言

观察者模式 也称发布-订阅模式 、 模型-视图模式 。当对象间存在一对多关系时，则使用观察者模式（Observer Pattern）。比如，当一个对象被修改时，则会自动通知依赖它的对象。观察者模式属于行为型模式。

观察者模式： 类似我们在微信平台订阅了公众号 , 当它有新的文章发表后，就会推送给我们所有订阅的人。

我们作为订阅者不必每次都去查看这个公众号有没有新文章发布，公众号作为发布者会在合适时间通知我们。

我们与公众号之间不再强耦合在一起。公众号不关心谁订阅了它， 不管你是男是女还是宠物狗，它只需要定时向所有订阅者发布消息即可。