背景

去年下半年，我在微信书架里加入了许多技术书籍，各种类别的都有，断断续续的读了一部分。

没有计划的阅读，收效甚微。

新年伊始，我准备尝试一下其他方式，比如阅读周。每月抽出1~2个非连续周，完整阅读一本书籍。

这个“玩法”虽然常见且板正，但是有效，已经坚持阅读十个月。

已读完书籍：《架构简洁之道》、《深入浅出的Node.js》、《你不知道的JavaScript（上卷）》、《你不知道的JavaScript（中卷）》、《你不知道的JavaScript（下卷）》、《数据结构与算法JavaScript描述》、《WebKit技术内幕》、《前端架构：从入门到微前端》、《秒懂算法：用常识解读数据结构与算法》、《JavaScript权威指南》、《JavaScript异步编程设计快速响应的网络应用》。

当前阅读周书籍：《编写可测试的JavaScript代码》。

基于事件架构的说明

基于事件的架构并不能解决所有的问题。在使用该架构时，要确保关注如下这些问题。

可伸缩性

事件集线器创建了超级单一故障点：如果集线器出现了故障，应用程序就宕机了。解决该问题，要么将一组事件集线器放置到负载均衡器之后，要么在故障发生时，将另外一个事件集线器构建到应用程序中。与添加更多的Web服务器没有什么不同，事实上会更简单，因为我们不必担心使用socket.io时的同源策略问题。

广播

使用广播将很多事件广播给所有的客户端可能会带来很多通信流量。应确保落实事件是在本地进行信息处理的，而不是将信息发送到集线器中心。此外，如果知道哪个客户端监听哪个事件，中心本身就可以像交换机一样，直接将信息发送给客户端，而不是通过广播。

运行时检测

函数或方法名的拼写错误会导致运行时错误，但编译器并没有办法去检查字符串形式的事件名称的拼写错误。因此，强烈建议大家对事件名称使用枚举或散列，而不是在输入的时候一遍一遍检查。运行时检查事件名称的一个很好的方式如下所示：

可以像如下这样使用：

// Return an object with 'on' and 'fire' functions for the specified
// eventName
hub.addEvent = function (eventName) {
  var_this = this;
  this.events[eventName] = {
    on: function (callback) {
      _this.on.call(_this, eventName, callback);
    },
    fire: function () {
      array.prototype.unshift.call(arguments, eventName);
      this.fire.apply(_this, arguments);
    },
  };
  return this.events[eventName];
};

现在，可以对事件名称进行运行时检查了。

var clickEvent = hub.addEvent('click');
clickEvent.on(function (data) {
  /* got a click event!*/
});
clickEvent.fire({ button: 'clicked' }); // fired a click event!

安全性

如果担心底层代码会链接到事件集线器并注入它们想要的任何事件的话，那大可不必，事件集线器的实现需要的是“可信任”客户端在集线器上进行身份验证。

如果想对事件集线器之间的通信进行加密，可以使用socket.io构建自己的事件集线器解决方案，该socket.io库支持加密连接。

状态

状态，这通常是由Web服务器通过会话cookie，从Web服务器提供给业务模块的。通过Web应用程序的加载，可以创建并保存新的会话对象，并完全独立于Web服务器。客户端JavaScript编写的会话令牌本身就是一个cookie，并且如果服务器端的内容需要认证的话，就可以提供给Web服务器。事件集线器本身会将会话注入到事件中，以便使用同一个会话。

总结

可信任（通常是服务器端）模块，通过不可信（通常是客户端）的事件作为参数或散列自动传递，获取会话键之后，接着获取到状态。

作者介绍
非职业「传道授业解惑」的开发者叶一一。
《趣学前端》、《CSS畅想》等系列作者。华夏美食、国漫、古风重度爱好者，刑侦、无限流小说初级玩家。
如果看完文章有所收获，欢迎点赞👍 | 收藏⭐️ | 留言📝。