🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 思源笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

什么是事件驱动编程?

2019-02-11

回答

事件驱动编程是一种涉及通过发送和接受事件来构建应用程序的范式。当程序触发事件时,他可以通过运行注册到该事件和上下文中的任意回调函数来进行响应,同时还可以将相关数据传递给响应的函数。在这种模式下如果程序没有订阅任何函数,当事件被触发时也不会因为事件被发送到"异次元空间"而抛出错误。

一个常见的例子就是 DOM 元素上的事件监听,如 clickmouseenter,当点击或鼠标事件发生时回调函数就会被运行,如:

document.addEventListener("click", function(event) {
    // 当用户点击 document 时,就会打印出 "hi"
    console.log('hi')
}) 

如果没有 DOM 的化,可以这样使用事件驱动:

const hub = createEventHub()
hub.on("message", function(data) {
  console.log(`${data.username} said ${data.text}`)
})
hub.emit("message", {
  username: "John",
  text: "Hello?"
}) 

在上面的代码片断中,通过 on 可以订阅 message 事件,通过 emit 可触发订阅好的 message 事件并向其传递参数。

加分回答

  • 需要遵循发布订阅范式:消息的发送者不会将消息直接发送给特定的接收者,也不需要知道有哪些订阅者的存在,但他需要将发布的消息分为不同的类别。同样,订阅者可以表达对一个或多个类别的兴趣,只接收感兴趣的消息,无需了解哪些发布者的存在。
  • 通过运行任意被事件订阅的回调函数来响应事件的发生。
  • 一个简单的发布订阅示例:
class PubSub {
     constructor(){
        this.events = {};
    }

    pub(eventName, data) {
        if (this.events[eventName]) {
            this.events[eventName].forEach(function(fn) {
                fn(data);
            });
        }
    }

    sub(eventName, fn) {
        this.events[eventName] = this.events[eventName] || [];
        this.events[eventName].push(fn);
    }
}
const pubsub = new PubSub()
pubsub.sub('message', (data) => {
    console.log(`sub message: ${data}`)
})
pubsub.pub('message', 'hi, b3log') // sub message: hi, b3log

返回总目录

每天 30 秒


欢迎注册黑客派社区,开启你的博客之旅。让学习和分享成为一种习惯!

5 评论
smart • 2019-02-12
回复 删除

在这种模式下如果程序没有订阅任何函数,当事件被触发时也不会因为事件被发送到异次元空间而抛出错误。😅

1 回复
Vanessa • 2019-02-12
回复 删除

想了好久不知道用什么词语

Vanessa 回复 smart • 2019-02-12
回复 删除

不会因为事件去打野战而抛出错误?

monday • 2019-02-13
回复 删除

事件驱动还有一种场景,是在微服务化之后,实体之间的同步问题,举个例子,两个服务,用户服务和商品服务,用户服务里修改了用户的基本资料之后,商品服务里有关联的用户领域对象也需要同步,就需要使用事件溯源即时更新多个服务的用户信息,需要在修改用户事务成功之后,广播用户已修改事件,订阅的其他服务需要及时处理事件,更新用户信息

Vanessa • 2019-02-13
回复 删除

嗯,消息订阅比较常见