npm 包 crummm-emitter-system 是一个轻量级的事件系统工具，可以帮助开发者更方便地进行事件监听和事件触发。本文将详细介绍 crummm-emitter-system 的使用方法，包括安装、基本使用、深入理解和常见问题解答，希望能为前端开发者提供参考指导。
安装
使用 npm 工具可以简单地安装 crummm-emitter-system，命令行输入如下内容即可：
npm install crummm-emitter-system --save
基本使用
在代码中引入 crummm-emitter-system，通过实例化 CrummmEmitter 对象来使用。
const CrummmEmitter = require('crummm-emitter-system');
const emitter = new CrummmEmitter();事件监听
使用 on() 方法来添加事件监听，第一个参数为事件名称，第二个参数为事件回调函数：
emitter.on('eventName', () => {
console.log('event happened');
});事件触发
使用 emit() 方法来触发事件，第一个参数为事件名称，第二个参数为事件参数：
emitter.emit('eventName', 'eventParam');事件仅触发一次
使用 once() 方法来添加仅触发一次的事件监听。该事件触发后将被自动删除。
emitter.once('eventName', () => {
console.log('event happened once');
});删除事件监听
使用 off() 方法来删除特定事件的监听，第一个参数为事件名称，第二个参数为需要删除的事件回调函数。如果第二个参数为空，则删除该事件所有监听：
emitter.off('eventName', callback);深入理解
事件传递
事件传递是指事件在从父级向子级的可视化层次结构中传递的过程。在 crummm-emitter-system 中，使用 . 符号来表示子级事件：
emitter.on('parent.child', () => {});在触发子级事件时，父级事件的所有回调函数也将被调用：
emitter.emit('parent.child');对象绑定
可以在 CrummmEmitter 实例化时，即在 constructor 函数中为实例化对象绑定属性或方法。
-- -------------------- ---- -------
----- ------------- ------- ------------- -
------------- -
--------
--------- - ----------------
-------- - -- -- -
-------------------------- -------
--
-
-
----- -------- - --- ----------------
---------------------------
---------------类的继承
子类可以通过 extends 关键字继承父类，从而拥有父类的属性和方法，也可以重写父类的方法。在子类 constructor 函数中需要先调用 super() 函数来初始化父类属性。
-- -------------------- ---- -------
----- ------------- ------- ------------- -
------------- -
--------
-
--------------- -------- -
-------------------------- ----- ------------ ------ ------
--------------------- ---------
-
-
----- -------- - --- ----------------
------------------------ -- -- -
------------------ -----------
---
-------------------------- ------- --------常见问题解答
如何在 React 中使用 crummm-emitter-system？
在 React 中使用 crummm-emitter-system 与在普通 JavaScript 代码中使用没有太大变化。可以在父组件中使用 CrummmEmitter 实例，然后通过 props 和 children 传递给子组件。
是否有性能问题？
crummm-emitter-system 是一个轻量级的工具，运行时对性能影响极小，可以放心使用。
是否支持 IE 浏览器？
从 crummm-emitter-system 的版本 1.3.0 开始，支持 IE11 及以上版本的浏览器。
示例代码
以下是一个简单的示例代码，展示了如何使用 crummm-emitter-system 传递事件：
-- -------------------- ---- -------
----- ------------- - ---------------------------------
----- -------------- ------- --------------- -
------------------ -
-------------
------------ - --- ----------------
---------------- - ----------------------------
-
------------- -
------------------------------ -
----- --------
---- ---
---- ---------- ----------
---
-
-------- -
------ -
-----
---------- -------------
------- -------------------------------- ------------
----------------- ---------------------- --
------
--
-
-
----- ---------------- ------- --------------- -
------------------ -
-------------
---------------------------------- ------ -- -
------------------------- -------------- --------------
---
-
-------- -
------ ---------- ----------------
-
-来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005674481e8991b448e3c91