npm 包 @sellside/emitter 使用教程

介绍

@sellside/emitter 是一个 JavaScript 库,用于在浏览器或 Node.js 环境中创建事件和消息传递系统。

使用 @sellside/emitter,您可以创建自定义事件和消息,并在应用程序中的各个部分之间传递它们。这样,您可以轻松地实现模块化的设计,以及更好地组织代码。

安装

要安装 @sellside/emitter,您需要使用 npm(Node.js 包管理器)。打开终端并运行以下命令:

--- ------- -----------------

使用

创建一个事件

您可以使用 @sellside/emitter 来创建一个事件,如下所示:

----- ------------ - -----------------------------

----- ------- - --- ---------------

-- ----
---------------------- -- -- -
  ----------------- -- -- --------
---

-- ----
----------------------------

传递参数

您还可以将参数传递给事件处理程序:

----- ------------ - -----------------------------

----- ------- - --- ---------------

-- ----
---------------------- -------- ------- -- -
  ----------------- -- -- ------ --------- -- ---------- --------- -- ------------
---

-- ---------
--------------------------- ------ --- ------ ----

删除事件处理程序

您可以通过调用 off 方法来删除事件处理程序:

----- ------------ - -----------------------------

----- ------- - --- ---------------

-- ----
----- ------- - -- -- -
  ----------------- -- -- --------
--
---------------------- ---------

-- --------
----------------------- ---------

-- ----
----------------------------

一次性事件处理程序

您可以使用 once 方法来创建一个一次性事件处理程序:

----- ------------ - -----------------------------

----- ------- - --- ---------------

-- -----------
------------------------ -- -- -
  ----------------- -- -- -------- --------
---

-- ----
----------------------------

-- --------------------------
----------------------------

异步事件处理程序

如果您的事件处理程序是异步的,可以使用 asyncawait

----- ------------ - -----------------------------

----- ------- - --- ---------------

-- ----------
---------------------- ----- -- -- -
  ----- ---------------------
  ----------------- -- -- ----- --------
---

-- ----
----------------------------

总结

@sellside/emitter 提供了一种简单而强大的方式来实现事件和消息传递系统,使您可以轻松地构建模块化的应用程序。通过本教程,您已经学会了如何使用该库,并可以根据自己的需要进行扩展。

示例代码

----- ------------ - -----------------------------

----- ------- - --- ---------------

-- ----
---------------------- -- -- -
  ----------------- -- -- --------
---

-- ----
----------------------------

-- ----
---------------------- -------- ------- -- -
  ----------------- -- -- ------ --------- -- ---------- --------- -- ------------
---
--------------------------- ------ --- ------ ----

-- --------
----- ------- - -- -- -
  ----------------- -- -- --------
--
---------------------- ---------
----------------------- ---------
----------------------------

-- ---------
------------------------ -- -- -
  ----------------- -- -- -------- --------
---
----------------------------
---------------------------- -- ------------

-- --------
---------------------- ----- -- -- -
  ----- ---------------------
  ----------------- -- -- ----- --------
---
----------------------------

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/5eedc4b3b5cbfe1ea06121a3


猜你喜欢

  • npm 包 html-inject-script 使用教程

    在前端开发中,我们常常需要向 HTML 文档中添加 JavaScript,而手动添加 JavaScript 往往会导致很多不便。此时,我们便需要使用一个工具来自动化插入 JavaScript 到 HT...

    4 年前
  • npm 包 @types/agent-base 使用教程

    前言 在开发前端应用程序时,我们经常需要使用一些第三方的包来满足各种需求。同时,TypeScript 的流行也使得我们使用这些包的方式更加安全和简便。其中,将 JavaScript 包转化为类型安全的...

    4 年前
  • npm 包 @types/chardet 使用教程

    简介 在前端开发过程中,我们通常会处理各种数据格式。而字符编码是其中非常基础的一项。为了处理字符编码的相关问题,我们可以使用 chardet 这个 JavaScript 库。

    4 年前
  • npm 包 @snyk/graphlib 使用教程

    在前端开发过程中,我们经常需要使用到数据结构。而图(Graph)是一种常见的数据结构,它由一组节点(Node)和一组边(Edge)组成。@snyk/graphlib 是一个开源的 JavaScript...

    4 年前
  • npm 包 @snyk/rpm-parser 使用教程

    前言 随着 Node.js 的普及,npm 成为了管理 JavaScript 包的主要工具之一。在前端开发中,我们经常使用各种第三方库和工具来加速开发和提高效率。但是,随着项目的不断复杂和规模的增大,...

    4 年前
  • npm 包 snyk-go-parser 使用教程

    snyk-go-parser 是一个可以检查 Go 语言应用程序的安全漏洞的 npm 包。本教程将介绍如何安装和使用该包。 什么是 snyk-go-parser snyk-go-parser 是一个 ...

    4 年前
  • npm 包 event-loop-spinner 使用教程

    在前端开发中,event loop 是一个非常重要且关键的概念,而 event-loop-spinner 这个 npm 包可以让我们更好地理解 event loop 的运行机制。

    4 年前
  • npm 包 @snyk/cli-interface 使用教程

    什么是 @snyk/cli-interface @snyk/cli-interface 是一个基于命令行工具的安全监测工具,用于检查 Node.js 应用及其依赖是否存在安全漏洞,同时还可以为应用生成...

    4 年前
  • npm 包 @snyk/composer-lockfile-parser 使用教程

    前言 在前端开发中,常常需要依赖第三方库,以提高开发效率和功能实现。而 npm 包管理工具则是前端开发中使用最为广泛的包管理工具之一。在使用 npm 安装依赖时,有时会遇到依赖之间版本冲突的问题,导致...

    4 年前
  • npm 包 @yarnpkg/fslib 使用教程

    在前端开发中,使用工具库可以极大的提升效率,但是如何正确的使用这些工具库呢?在本文中,我们将介绍一个常用的工具库 @yarnpkg/fslib,并提供详细的使用教程和示例代码。

    4 年前
  • npm 包 @yarnpkg/json-proxy 使用教程

    前言 在前端开发过程中,我们经常需要从一些外部资源获取数据,并用于我们的应用程序中。但是有时候这些外部资源会有一些限制,比如需要经过身份验证才能访问,或者需要访问的地址不可用。

    4 年前
  • npm 包 @types/emscripten 使用教程

    在前端开发中,经常需要用到一些编写 C/C++ 库和应用,而这些代码想要在浏览器中运行,则需要将其编译为 WebAssembly 格式。其中,Emscripten 是一款将 C/C++ 代码编译成 W...

    4 年前
  • npm 包 @yarnpkg/libzip 使用教程

    在前端开发中,我们经常需要处理文件和压缩包。而 @yarnpkg/libzip 就是一个可以帮助我们处理压缩包的 npm 包。本文将为你详细介绍如何使用 @yarnpkg/libzip。

    4 年前
  • npm 包 @yarnpkg/parsers 使用教程

    前言 在前端开发中,我们经常会使用到 npm 包,而且随着项目的不断壮大,npm 包的数量也会不断增加。今天,我们要介绍一个十分实用的 npm 包:@yarnpkg/parsers。

    4 年前
  • npm 包 @yarnpkg/pnp 使用教程

    如果你是一个前端开发人员,那么你肯定使用过 npm 来下载和管理 JavaScript 包。然而,随着项目的增长和依赖包的增多,你可能会遇到一些问题。例如,你在一个项目中引入了两个版本相同但不兼容的库...

    4 年前
  • npm 包 @yarnpkg/shell 使用教程

    简介 @yarnpkg/shell 是一个可以在 Node.js 中调用命令行命令的 npm 包。它是 yarn 包管理器的一部分,使用 TypeScript 编写,提供了许多有用的函数,可以让你轻松...

    4 年前
  • npm 包 clipanion 使用教程

    前言 在前端开发中,我们经常需要编写 CLI 工具来方便自己的开发工作,如自动化发布、代码转换等。但是编写 CLI 工具并非一件容易的事情,需要考虑命令行参数的输入处理、帮助信息的展示等问题。

    4 年前
  • npm 包 json-file-plus 使用教程

    简介 json-file-plus 是一个操作 JSON 文件的 Node.js 模块,支持读取、写入、合并、扩展等操作。其特点是可以格式化 JSON 文件,并支持注释和空行。

    4 年前
  • npm 包 logic-solver 使用教程

    前言 在前端开发中,处理逻辑关系往往需要用到布尔运算和逻辑运算符。逻辑表达式的真假与变量之间的关系较为复杂,有时候可能需要使用“真值表”来帮助我们理解和解决问题。而 npm 包 logic-solve...

    4 年前
  • npm 包 @yarnpkg/plugin-compat 使用教程

    介绍 @yarnpkg/plugin-compat 是一个专门为 Yarn 包管理器 设计的 npm 插件。它的作用是在 Yarn 环境中提供对 npm 包的兼容支持,这样用户就可以更灵活地使用 Ya...

    4 年前

相关推荐

    暂无文章