前端的开发者或许都用过或至少听说过 NPM。NPM 是一种包管理器，可以方便地安装、发布、共享和搜索包。在前端开发中，我们常常需要使用外部的包，比如常见的 jQuery、React 和 Vue 等。而对于大多数前端开发者来说，对于如何编写自己的 NPM 包，可能相对陌生。在本文中，我们将介绍一个实际上并不那么复杂的 NPM 包，yoctoevent.
什么是 yoctoevent
yoctoevent 是一个最简单的事件发布/订阅机制。使用 yoctoevent 可以发布事件并订阅此事件的所有监听器。其核心 API 只有两个函数：subscribe(eventName, callback) 和 publish(eventName, data)。eventName 是事件的名称，callback 是当事件发布时要执行的回调函数，data 是发布事件时传递的数据。
现在，让我们跟随下面的步骤使用 yoctoevent。
安装 yoctoevent
安装 yoctoevent 很简单，只需要在你的命令行中执行以下命令：
--- ------- ------ ----------
使用 yoctoevent
发布事件
在 yoctoevent 中，我们可以使用 publish(eventName, data) 函数来发布事件。举个例子，我们想要发布事件"hello"并传递数据{name: 'Lucy'}，我们需执行以下代码：
------ - ------- - ---- ------------- ---------------- ------ ---------
订阅事件
使用 yoctoevent，我们可以使用 subscribe(eventName, callback) 函数来订阅一个事件。当事件被发布时，注册的回调函数将会被执行。下面的例子展示了如何订阅名为 "hello" 的事件，并在回调函数中输出接收到的数据。
------ - --------- - ---- ------------- ------------------ ------ -- - ------------------- ---------------- ---
当我们在另一个模块中发出 "hello" 事件并传递一个包含名字信息的对象时，会输出以下内容：
------ -----
钩子
在 yoctoevent 中，我们还可以使用钩子（hook）。钩子是在事件被发布时，可以暂停当前运行直到相应的钩子函数执行完毕的机制。下面通过一个示例来讲解钩子的使用。
首先，我们需要定义一个钩子函数。钩子函数必须接受一个名为 next 的参数，并在函数体中调用它。例如：
-------- ------------ -
------------------ ------ -----------
------------- -- -
------------------- ------ -----------
-------
-- ------
-在代码中，我们首先输出 "Start myHook function"，然后使用 setTimeout 暂停当前的运行，并在 3 秒钟后输出 "Finish myHook function"。最后这个钩子将调用 next()，从而允许当前运行继续执行。
然后，我们使用 subscribeWithHooks(eventName, hooks, callback) 函数来订阅一个带钩子的事件。这个函数的 eventName 前两个参数与 subscribe 函数相同。hooks 参数是一个数组或一个函数，数组中可以包含许多不同的函数来处理这个事件。这样做可以让我们在不同的阶段中间暂停一下执行，并进行不同的操作。如果我们只需要使用一个函数，则可以把它封装到一个数组中。例如：
------ - ------------------ - ---- ------------- --------------------------- ------- -- - ------------- --- ------ -- - ------------------- ---------------- ---
在上面的代码中，我们订阅了一个事件 "hello"，并定义了一个钩子数组，包含一个单独的 myHook 函数。钩子数组的每个元素都会在发布事件时按顺序被执行。而我们在这个例子中，定义了一个 myHook 函数，这个函数会暂停程序运行 3 秒钟。因此，如果我们如下发布事件：
---------------- ------ --------------
那么程序将会在钩子执行完毕后输出：
----- ------ -------- -- --- - ------ ------ ------ -------- ------ ----------
总结
目前，我们已对 yoctoevent 进行了初步的了解并且在实战中使用了它。相信随着实践的深入，您都会变得越来越熟练、自信和满足。
好的，那么笔者在本文中所讲述的内容已经介绍完毕，希望读者能够逐个地再理一下，深化理解，并使用它去尝试实现自己的库或其他精美而独立的应用。
最后，我们在使用 NPM 和 yoctoevent 这些工具时，还应注意包的质量和安全性，毕竟我们每日都在用开源的软件，因此保护信息是我们的责任。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005683581e8991b448e44b3