Node.js的内置模块 event,利用它怎么实现发布订阅模式

对于发布订阅模式想必大家并不陌生,它在异步交互中具有很大的作用,能够使我们的代码结构更加清晰易读,便于维护。

Node.js的内置模块 event,利用它怎么实现发布订阅模式

node中我们可以使用 内置模块node 来实现发布订阅模式,这篇文章我们将深入去学习event并演示它在我们实际开发中的作用,让我们开始吧!【相关教程推荐:nodejs视频教程】

一、初步使用

引入event内置模块

// 引入内置模块eventconst EventEmitter = require("events");

创建event对象

event内置模块本质是一个构造函数,我们需要通过new操作符去调用它

// 创建event对象const event = new EventEmitter();

监听事件

使用event对象上的event函数来定义一个监听事件,语法为:on

// 监听run事件event.on("run", (data) => {    console.log("run事件运行,参数为:", data);});

触发事件

使用event.on(事件名,事件处理函数)对象上的emit函数来触发监听的事件,语法为:event

// 触发run事件event.emit("run", "111111");

完整代码

// 引入内置模块eventconst EventEmitter = require("events");// 创建event对象const event = new EventEmitter();// 监听run事件event.on("run", (data) => {    console.log("run运行,参数为:", data);});// 触发run事件event.emit("run", "111111");

运行结果:

1.png

❗️ 事件重复监听的问题

==注意:当同一事件被监听多次时,触发事件时会同时触发这个事件的所有事件处理函数==

2.png

无阶未来模型擂台/AI 应用平台 无阶未来模型擂台/AI 应用平台

无阶未来模型擂台/AI 应用平台,一站式模型+应用平台

无阶未来模型擂台/AI 应用平台 35 查看详情 无阶未来模型擂台/AI 应用平台

二、应用

在上一节Node.js | 搭建后端服务器(含内置模块 http | url | querystring 的使用)中有一个使用event.emit(需要触发的事件名,需要给事件处理函数传递的参数)模拟node请求(转发跨域数据)的案例:

const http = require("http");const https = require("https");// http和https的区别仅在于一个是http协议一个是https协议const url = require("url");const server = http.createServer();server.on("request", (req, res) => {    const urlObj = url.parse(req.url, true);    res.writeHead(200, {        "content-type": "application/json;charset=utf-8",        "Access-Control-Allow-Origin": "http://127.0.0.1:5500",    });    switch (urlObj.pathname) {        case "/api/maoyan":            // 我们定义的httpget方法:使node充当客户端去猫眼的接口获取数据            httpget((data) => res.end(data)); // 注意这里            break;        default:            res.end("404");            break;    }});server.listen(3000, () => {    console.log("服务器启动啦!");});function httpget(cb) {    // 定义一个存放数据的变量    let data = "";    // 因为猫眼的接口是https协议的,所以我们需要引入https    // http和https都具有一个get方法能够发起get请求,区别是一个是http协议,一个是https协议    // http get方法第一个参数为接口地址,第二个参数为回调函数    https.get(        "https://i.maoyan.com/api/mmdb/movie/v3/list/hot.json?ct=%E8%A5%BF%E5%8D%8E&ci=936&channelId=4",        (res) => {            // http get方法获取的数据是一点点返回的,并不是直接返回全部            // 监听data,当有数据返回时就会被调用            res.on("data", (chunk) => {                // 收集数据                data += chunk;            });            // 监听end,数据返回完毕后调用            res.on("end", () => {                cb(data); // 注意这里            });        }    );}

注意上面代码的第19行和第49行:

httpget((data) => res.end(data)); // 注意这里
cb(data); // 注意这里

这个例子中,我们是通过在get函数中传入一个回调函数来接收httpget函数获取到的数据,这种写法实际是没有问题的,在开发中也常常进行使用。

但在一些情况下,特别是函数多层嵌套调用时(如下面的例子),这种写法就显得不够优雅,因为它的代码结构不是很清晰,不能很直观的看懂其逻辑:

function user() {    getUser((data) => {        console.log(data);    });}function getUser(cb) {    // ....    const id = 1;    getUserInfo(cb, id);}function getUserInfo(cb, id) {    // ....    const name = id + "Ailjx";    cb(name);}

让我们使用内置模块httpget去改造一下上面event模拟node请求(转发跨域数据)的案例:

const http = require("http");const https = require("https");const url = require("url");const EventEmitter = require("events");const server = http.createServer();// 存放event对象let event = "";server.on("request", (req, res) => {    const urlObj = url.parse(req.url, true);    res.writeHead(200, {        "content-type": "application/json;charset=utf-8",        "Access-Control-Allow-Origin": "http://127.0.0.1:5500",    });    switch (urlObj.pathname) {        case "/api/maoyan":            event = new EventEmitter(); // 注意该位置            // 监听事件            event.on("resEnd", (data) => {                res.end(data);            });            httpget();            break;        default:            res.end("404");            break;    }});server.listen(3000, () => {    console.log("服务器启动啦!");});function httpget() {    let data = "";    https.get(        "https://i.maoyan.com/api/mmdb/movie/v3/list/hot.json?ct=%E8%A5%BF%E5%8D%8E&ci=936&channelId=4",        (res) => {            res.on("data", (chunk) => {                data += chunk;            });            res.on("end", () => {                // 触发事件并传递数据                event.emit("resEnd", data);            });        }    );}

运行并调用get接口:

3.png

接口正常使用

注意上边代码/api/maoyan的位置,如果new EventEmitter()是在外部的话,相当于是只有一个全局的new EventEmitter()对象,当我们每次调用event接口时,/api/maoyan都会监听一个新的node事件,这就会导致resEnd事件被重复监听

4.png

所以我们才需要将创建resEnd对象的代码event写到接口的new EventEmitter()分支里,这样当我们调用这个接口时,会创建一个新的case对象,老的event对象被弃用会被event垃圾处理机制给处理掉,这样就不会出现JS事件被重复监听的问题

更多node相关知识,请访问:nodejs 教程!

以上就是Node.js的内置模块 event,利用它怎么实现发布订阅模式的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/545256.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
linux中grep的用法是什么
上一篇 2025年11月9日 17:19:05
性能分析工具的使用在Java框架性能优化中
下一篇 2025年11月9日 17:19:11

相关推荐

  • 开源免费PHP工具 PHP开发效率提升利器

    推荐开源免费PHP开发工具以提升效率:VS Code、Sublime Text轻量高效,PhpStorm专业强大;调试用Xdebug、Kint、Ray;依赖管理选Composer;代码质量工具包括PHPStan、Psalm、PHP_CodeSniffer;数据库管理可用%ignore_a_1%MyA…

    2026年5月10日
    000
  • JavaScript 高效判断页面所有复选框状态的技巧与实践

    本文旨在提供一套高效且专业的javascript方法,用于判断网页中所有复选框的选中状态。我们将探讨如何利用`array.some()`快速确定是否有未选中的复选框(进而判断是否全部选中),以及如何使用`array.filter()`统计选中和未选中的复选框数量。通过优化dom元素选择和数组操作,提…

    2026年5月10日
    100
  • JavaScript Electron桌面应用

    答案:使用JavaScript开发%ignore_a_1%桌面应用需结合Web技术与Node.js,通过主进程管理窗口、渲染进程展示界面,并利用IPC通信,调用系统功能如文件对话框,最后用electron-builder打包发布,注意安全与进程职责分离。 用JavaScript开发Electron桌…

    2026年5月10日
    000
  • OSMnx中interpolate_points函数详解及街道细分与图构建实践

    本文详细介绍了osmnx库中`utils_geo.interpolate_points`函数的使用方法,特别是其返回的python生成器类型。我们将学习如何处理生成器输出,并提供一个完整的教程,演示如何利用此函数将现有街道几何体细分为更小的线段,进而构建一个精细化的网络图,以支持更细粒度的空间分析。…

    2026年5月10日
    000
  • 如何安全有效地从外部网页获取HTML元素数据并应用于自身页面

    本教程旨在解决如何在不同域名下,通过javascript获取并使用另一个网页的html元素数据。文章将深入探讨同源策略的限制,并提供两种主要解决方案:使用` 在现代Web开发中,有时我们需要从外部网站获取特定的HTML内容或属性值,并将其整合到我们自己的网页中。例如,从XYZ.COM/B.html页…

    2026年5月10日
    100
  • Golang如何提升TCP长连接处理效率_Golang TCP长连接处理性能优化实践详解

    答案:通过非阻塞I/O、单Goroutine双工模型、sync.Pool对象复用、TCP_NODELAY优化及高效心跳管理,结合系统调优,可显著提升Golang百万级TCP长连接处理效率。 在高并发网络服务场景中,TCP长连接的处理效率直接影响系统的吞吐能力和资源消耗。Golang凭借其轻量级Gor…

    2026年5月10日
    000
  • 使用SMTP.js发送邮件:客户端集成、常见问题与最佳实践指南

    本文深入探讨了使用SMTP.js库在前端发送邮件时可能遇到的问题,特别是与Elastic Email集成时的挑战。我们将分析代码中常见的异步处理错误、条件函数定义陷阱,并提供修正后的代码示例和最佳实践。重点强调了正确处理Promise链、确保函数可访问性以及客户端邮件发送的安全考量,帮助开发者构建更…

    2026年5月10日
    000
  • 怎么安装html5_HTML5开发环境安装与配置详细步骤

    答案是配置HTML5开发环境需三步:1. 安装VS Code等编辑器并配置插件;2. 使用Chrome或Firefox测试页面;3. 可选搭建本地服务器,如Live Server或http-server;最后创建index.html文件验证环境。 安装HTML5开发环境其实并不复杂,因为HTML5本…

    2026年5月10日
    000
  • JS如何操作HTML元素_DOM编程核心方法【教程】

    必须掌握操作HTML元素的核心DOM方法:一、通过ID获取单个元素;二、通过类名获取元素集合;三、通过标签名获取元素集合;四、通过CSS选择器获取元素;五、为元素绑定事件监听器;六、创建并插入新元素;七、替换或删除现有元素。 如果您希望使用JavaScript动态修改网页内容、响应用户交互或构建交互…

    2026年5月10日
    000
  • Windows用Prettier一键格式化乱码HTML代码

    首先确保HTML文件保存为UTF-8编码,使用文本编辑器另存为UTF-8格式;其次在命令行执行chcp 65001切换至UTF-8代码页后再运行Prettier;接着在VS Code中设置files.encoding为utf8并启用files.autoGuessEncoding;最后可通过Node.…

    2026年5月10日
    000
  • 如何在不暴露密钥的情况下,在客户端创建 Stripe Payment Link

    本文介绍了在纯静态网站环境下,如何利用 Stripe Payment Link 实现商品售卖,并着重讨论了在不暴露 Stripe 密钥的前提下,客户端创建 Payment Link 的可行性。分析了直接在客户端使用密钥的风险,并提出了预先生成 Payment Link 或使用后端服务动态生成 Pay…

    2026年5月10日
    000
  • php怎么截取网页_php抓取网页内容的几种方法

    file_get_contents适用于静态页抓取,但受限于allow_url_fopen且无法执行JS;2. cURL支持自定义请求头、Cookie等,适合处理复杂HTTP请求;3. Guzzle作为现代PHP项目推荐方案,具备良好扩展性与异步支持;4. 动态渲染内容需借助Puppeteer或Se…

    2026年5月10日
    000
  • html函数如何实现动态内容显示 html函数在网页交互中的核心应用

    JavaScript函数通过操作DOM实现动态内容更新与交互,如显示时间、实时搜索、增删元素及加载数据,使网页具备动态功能。 HTML 本身没有“函数”的概念,它是一种标记语言,用于定义网页结构。真正实现动态内容显示和交互功能的是 JavaScript。通常所说的“HTML函数”其实是 JavaSc…

    2026年5月10日
    000
  • HTMLAMP怎么做_加速移动页面实现教程

    答案:HTML AMP通过规范标签、禁用自定义JS、引入AMP JS库和缓存技术提升移动页面加载速度,需遵循AMP HTML标准并验证有效性,有助于SEO但非万能,未来将更开放并与PWA等融合。 HTML AMP 旨在加速移动页面加载速度,提升用户体验。简单来说,它通过限制某些 HTML 功能,并采…

    2026年5月10日
    000
  • 理解PHP服务器端请求与浏览器开发者工具的限制

    当PHP脚本使用file_get_contents等函数发起服务器端请求时,这些请求直接在服务器上执行,而非通过浏览器。因此,浏览器开发者工具的网络活动面板无法捕获和显示这些内部的服务器间通信,因为它仅监控浏览器自身发出的网络请求,对服务器内部处理过程无感知。 客户端请求与服务器端请求的本质区别 在…

    2026年5月10日
    100
  • JavaScript DOM操作:点击关联元素获取目标文本内容的教程

    本教程详细介绍了如何通过JavaScript处理用户点击事件,并结合DOM的 closest() 和 querySelector() 方法,从复杂的HTML结构中准确获取目标元素的文本内容。文章强调了使用 addEventListener() 进行事件绑定、避免重复ID以及高效DOM遍历的最佳实践,…

    2026年5月10日
    000
  • 前端构建优化:利用常量折叠提升应用性能

    本文深入探讨了一种在构建阶段执行部分源代码以进行优化的技术——常量折叠(Constant Folding)。通过在编译时预计算表达式并替换为最终结果,该技术显著减少了运行时开销,提升了应用性能。文章将详细解释其工作原理、优势,并探讨其在现代前端构建工具中的应用与配置,旨在帮助开发者实现更高效的代码优…

    2026年5月10日
    000
  • JavaScript数据结构实现_javascript算法基础

    JavaScript中常用数据结构包括栈、链表和字典:1. 栈利用数组的push和pop实现LIFO,适用于括号匹配;2. 链表由节点组成,插入删除高效,适合频繁修改场景;3. 字典用对象实现键值对存储,常用于频率统计;4. 二分查找在有序数组中以O(log n)效率查找目标值,需数组已排序。掌握这…

    2026年5月10日
    000
  • JavaScript井字棋(Tic-Tac-Toe)核心交互逻辑实现教程

    本教程详细介绍了如何使用javascript实现井字棋(tic-tac-toe)游戏的核心交互逻辑。内容涵盖了如何遍历并为棋盘上的每个方格添加点击事件监听器,实现玩家x和o的交替落子,以及重置游戏状态的功能。通过提供的html、css和javascript代码示例,读者可以快速理解并构建一个基础的井…

    2026年5月10日
    000
  • 全栈JS代码怎么结构化_全栈JavaScript项目代码结构与规范指南

    采用分层+功能划分的目录结构,明确分离前后端代码;2. 遵循单一职责原则,路由、控制器、服务与模型各司其职;3. 统一命名规范并集成ESLint+Prettier保证代码风格一致;4. 使用环境变量管理配置,通过脚本实现自动化构建与并发启动服务。 全栈JavaScript项目涉及前端、后端、数据库交…

    2026年5月10日
    000

发表回复

登录后才能评论
关注微信