前言
在前端开发中，事件处理是必不可少的一部分，而事件处理涉及到事件对象的创建、处理等多个环节。在某些场景下，需要将事件对象转化成字符串进行处理，这时候就可以使用 npm 包 event2string。
简介
event2string 是一个将事件对象转化为字符串的工具包。它支持将事件对象中的属性进行序列化，并支持自定义序列化函数。
安装
可以通过 npm 命令进行安装：
npm install event2string --save
使用
初始化
在使用 event2string 前，需要进行初始化：
var event2string = require('event2string');
event2string.init();转化事件对象
使用 event2string 转化事件对象十分方便，只需要调用该包的 stringify 方法即可：
var event = {
type: 'click',
target: document.getElementById('foo')
};
var str = event2string.stringify(event);上述代码中，我们将一个事件对象转化为字符串，并将其赋值给变量 str。
自定义序列化函数
除了默认的序列化方式，event2string 还支持自定义序列化函数。我们可以通过 addCustomizer 方法来添加自定义序列化函数：
event2string.addCustomizer(function(value) {
if (value instanceof HTMLElement) {
return value.tagName.toLowerCase();
}
});上述代码中，我们添加了一个自定义序列化函数，该函数的作用是将 HTMLElement 类型的对象转化为它的标签名称。
深入学习
默认序列化方式
event2string 对事件对象的默认序列化方式如下：
- 将事件对象中的属性名序列化为类似于 JSON 对象属性名的字符串；
- 如果属性名为 target，则将其属性值转化为字符串；
- 其他的属性值将原样转化为字符串。
注意事项
event2string 转化事件对象为字符串的核心功能比较简单，但使用中还是需要注意一些细节问题：
- 转化后的字符串可能会很长，需要合理使用；
- 序列化函数不应该引起太多的副作用。
示例代码
-- -------------------- ---- -------
--- ------------ - ------------------------
--------------------
--- ----- - -
----- --------
------- ------------------------------
--
------------------------------------------ -
-- ------ ---------- ------------ -
------ ----------------------------
-
---
--- --- - ------------------------------
-----------------总结
event2string 是一个十分实用的 npm 包，能够方便地将事件对象转化为字符串进行处理。同时，event2string 参考了 JSON 序列化的方式，具有很好的可扩展性。在使用时，只需要注意细节问题即可。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fc781e8991b448dd3f9