suchen
HeimWeb-Frontendjs-TutorialNode.js lernt und chattet über das Events-Modul

Dieser Artikel führt Sie durch das Veranstaltungsmodul in Node.js und stellt das Veröffentlichungs- und Abonnementmodell in Veranstaltungen vor. Ich hoffe, dass es für alle hilfreich ist!

Node.js lernt und chattet über das Events-Modul

Events-Modul

Referenz offizielle Website: Events Event Trigger |. Node.js

http://nodejs.cn/api/events.html

Events Modul Es ist das wichtigste Modul von Node. Es stellt ein Attribut EventEmitter bereit. Der Kern von EventEmitter ist die Ereignisemission und der Ereignis-Listener. Die meisten Module in Events 模块是Node最重要的模块,它提供了一个属性 EventEmitterEventEmitter 的核心是事件发射与事件监听器。

Node中大部分的模块,都继承自 Events 模块。

  • Events 模块是Node对 发布订阅模式publish/subscribe)的实现。一个对象通过这个模块,向另一个对象传递消息。
  • 该模块通过 EventEmitter 属性,提供了一个构造函数。该构造函数的实例具有 on 方法,可以用来监听指定事件,并触发回调函数。
  • 任意对象都可以发布指定事件,被 EventEmitter 实例的on方法监听到。

发布订阅模式

关于 发布订阅模式 ,可以参考我之前的博客文章。

关于 Events 中的发布订阅模式,我们要先清楚它的几个常用方法。

  • 订阅方法on 方法用来订阅事件,订阅是将方法对应成一种一对多的关系。
  • 发布方法emit 用来执行订阅的事件。
  • 取消订阅off 方法可以移除对应的事件监听。
  • 订阅一次once 绑定事件当执行后自动删除订阅的事件。

on 和 emit

on 方法的第一个参数用来设定类名,第二个参数也是一个函数,里面可以接收发布时传入的参数。

emit 方法第一个参数是类名,之后的参数都是传入 on 方法函数中的参数。

onemit 具体应用可以参考下面这个简单的Demo。

const EventEmitter = require('events');
// 自定义一个 构造函数
function Cat() {}
// 原型继承 需要通过实例来调用继承方法
Object.setPrototypeOf(Cat.prototype, EventEmitter.prototype);
let cat = new Cat();
const sleep = (a, b) => {
    console.log(a, '睡');
};
const eat = (a, b) => {
    console.log(b, '吃');
};
cat.on('猫咪', sleep)
cat.on('猫咪', eat)
setTimeout(() => {
  	// 小胡子 吃
  	// 小胖仙 睡
    cat.emit('猫咪', '小胖仙', '小胡子')
}, 1000);

现在我们可以实现一套 onemit 方法。

function EventEmitter() {
    this._event = {}
}
// on 方法
EventEmitter.prototype.on = function (eventName, callBack) {
    if (!this._event) {
        this._event = {}
    }
    if (this._event[eventName]) {
        this._event[eventName].push(callBack) // 相当于 {eventName:[fn1,fn2]}
    } else {
        this._event[eventName] = [callBack]; // 相当于 {eventName:[fn1]}
    }

}
// emit 方法
EventEmitter.prototype.emit = function (eventName, ...args) {
    this._event[eventName].forEach(fn => {
        fn(...args)
    });
}

off

off 方法的第一个参数用来设定类名,第二个参数传入需要被移除的函数回调。

// ...
setTimeout(() => {
  	// 小胡子 吃
  	// 小胖仙 睡
    cat.emit('猫咪', '小胖仙', '小胡子')
  	cat.off('猫咪', sleep);
  	// 小胡子 吃
    cat.emit('猫咪', '小胖仙', '小胡子')
}, 1000);

这样我们可以大概判断出来,移除掉和我们传入函数相同的函数,我们很快想到 filter 方法。

// off 方法
EventEmitter.prototype.off = function (eventName, callBack) {
    if (this._event && this._event[eventName]) {
        this._event[eventName] = this._event[eventName].filter(
          fn => fn !== callBack && fn.c !== callBack // fn.c参考下面的once方法实现
        )
    }
}

once

once 方法的第一个参数用来设定类名,第二个参数传入只需要执行一次的函数回调。

// ...
const demolition =() => {
    console.log('拆家');
}
cat.once('猫咪', demolition)
setTimeout(() => {
  	// ...... 拆家
    cat.emit('猫咪', '小胖仙', '小胡子')
}, 1000);

这样我们可以根据之前实现的 onoff 来实现此方法。

// once 方法
EventEmitter.prototype.once = function (eventName, callBack) {
    const one = () => {
        callBack();
        this.off(eventName, one);
    }
    this.on(eventName, one);
}

看起来这个方法好像没有什么问题,执行起来也全都是正确的。

但是在一种特殊情况下的时候,还是出现了错误。

那种情况就是如果我们在执行 once 方法之前,就已经通过 off 方法将其移除了。

我们实现的方法就不能实现这个需求了,所以我们还需要对 once 方法进行一些修改 off 方法已经处理过了)

添加一个自定义属性,用来对函数进行 “缓存” 。

EventEmitter.prototype.once = function (eventName, callBack) {
    const one = () => {
        // ...
    }
    one.c = callBack; // 自定义一个属性
    // ...
}

这样我们就实现了 once

Node werden vom Modul Events geerbt.

  • Das Modul Events ist Nodes Implementierung des
    Publish-Subscribe-Modells (publish/subscribe). Ein Objekt leitet über dieses Modul Nachrichten an ein anderes Objekt weiter.
  • Dieses Modul stellt einen Konstruktor über das Attribut EventEmitter bereit. Instanzen dieses Konstruktors verfügen über on-Methoden, die zum Abhören bestimmter Ereignisse und zum Auslösen von Rückruffunktionen verwendet werden können.
  • Jedes Objekt kann bestimmte Ereignisse veröffentlichen, die von der on-Methode der EventEmitter-Instanz überwacht werden.

🎜Modell veröffentlichen und abonnieren🎜

🎜🎜Über Modell zum Veröffentlichen und Abonnieren🎜, Sie können sich auf meinen vorherigen Blog-Artikel beziehen. 🎜🎜🎜 Was das Veröffentlichungs- und Abonnementmodell in Events betrifft, müssen wir zunächst einige seiner gängigen Methoden verstehen. 🎜
  • 🎜Subscription-Methode🎜: Die on-Methode wird zum Abonnieren von Ereignissen verwendet. Subscription ordnet Methoden einer Eins-zu-Viele-Beziehung zu.
  • 🎜Veröffentlichungsmethode🎜: emit wird zum Ausführen abonnierter Ereignisse verwendet.
  • 🎜Unsubscribe🎜: Die Methode off kann den entsprechenden Event-Listener entfernen.
  • 🎜Einmal abonnieren🎜: einmal Das gebundene Ereignis löscht das abonnierte Ereignis nach der Ausführung automatisch.

🎜on und emit🎜

🎜on Der erste Parameter der Methode wird zum Festlegen der Klasse verwendet Name, der zweite Parameter ist ebenfalls eine Funktion, die die beim Veröffentlichen übergebenen Parameter empfangen kann. 🎜🎜Der erste Parameter der Methode emit ist der Klassenname, und die nachfolgenden Parameter sind die Parameter, die an die Methodenfunktion on übergeben werden. 🎜🎜on und emit Für spezifische Anwendungen sehen Sie sich bitte die einfache Demo unten an. 🎜rrreee🎜Jetzt können wir eine Reihe von on- und emit-Methoden implementieren. 🎜rrreee

🎜off🎜

🎜off Der erste Parameter der Methode wird zum Festlegen des Klassennamens verwendet und der zweite Parameter wird übergeben in nach Bedarf Der entfernte Funktionsrückruf. 🎜rrreee🎜Auf diese Weise können wir die Funktion, die mit der von uns übergebenen Funktion identisch ist, grob beurteilen und entfernen. Wir dachten schnell an
filter🎜 Methode. 🎜rrreee

🎜once🎜

🎜once Der erste Parameter der Methode wird zum Festlegen des Klassennamens verwendet und der zweite Parameter wird übergeben in nur Ein Funktionsrückruf, der einmal ausgeführt werden muss. 🎜rrreee🎜Auf diese Weise können wir diese Methode basierend auf den zuvor implementierten on und off implementieren. 🎜rrreee🎜Es scheint, dass an dieser Methode nichts auszusetzen ist und alles korrekt ausgeführt wird. 🎜🎜Aber in einer besonderen Situation ist trotzdem ein Fehler aufgetreten. 🎜🎜Das ist der Fall, wenn wir es mit der Methode off entfernt haben, bevor wir die Methode once ausgeführt haben. 🎜🎜Die von uns implementierte Methode kann diese Anforderung nicht erfüllen, daher müssen wir noch einige Änderungen an der once-Methode vornehmen (die off-Methode wurde bereits verarbeitet). 🎜🎜Fügen Sie ein benutzerdefiniertes Attribut hinzu, um die Funktion zwischenzuspeichern. 🎜rrreee🎜Auf diese Weise haben wir die Methode once implementiert. 🎜🎜Weitere Informationen zu Knoten finden Sie unter: 🎜nodejs-Tutorial🎜! ! 🎜🎜

Das obige ist der detaillierte Inhalt vonNode.js lernt und chattet über das Events-Modul. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme
Dieser Artikel ist reproduziert unter:掘金社区. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vercel是什么?怎么部署Node服务?Vercel是什么?怎么部署Node服务?May 07, 2022 pm 09:34 PM

Vercel是什么?本篇文章带大家了解一下Vercel,并介绍一下在Vercel中部署 Node 服务的方法,希望对大家有所帮助!

node.js gm是什么node.js gm是什么Jul 12, 2022 pm 06:28 PM

gm是基于node.js的图片处理插件,它封装了图片处理工具GraphicsMagick(GM)和ImageMagick(IM),可使用spawn的方式调用。gm插件不是node默认安装的,需执行“npm install gm -S”进行安装才可使用。

一文解析package.json和package-lock.json一文解析package.json和package-lock.jsonSep 01, 2022 pm 08:02 PM

本篇文章带大家详解package.json和package-lock.json文件,希望对大家有所帮助!

怎么使用pkg将Node.js项目打包为可执行文件?怎么使用pkg将Node.js项目打包为可执行文件?Jul 26, 2022 pm 07:33 PM

如何用pkg打包nodejs可执行文件?下面本篇文章给大家介绍一下使用pkg将Node.js项目打包为可执行文件的方法,希望对大家有所帮助!

分享一个Nodejs web框架:Fastify分享一个Nodejs web框架:FastifyAug 04, 2022 pm 09:23 PM

本篇文章给大家分享一个Nodejs web框架:Fastify,简单介绍一下Fastify支持的特性、Fastify支持的插件以及Fastify的使用方法,希望对大家有所帮助!

node爬取数据实例:聊聊怎么抓取小说章节node爬取数据实例:聊聊怎么抓取小说章节May 02, 2022 am 10:00 AM

node怎么爬取数据?下面本篇文章给大家分享一个node爬虫实例,聊聊利用node抓取小说章节的方法,希望对大家有所帮助!

手把手带你使用Node.js和adb开发一个手机备份小工具手把手带你使用Node.js和adb开发一个手机备份小工具Apr 14, 2022 pm 09:06 PM

本篇文章给大家分享一个Node实战,介绍一下使用Node.js和adb怎么开发一个手机备份小工具,希望对大家有所帮助!

图文详解node.js如何构建web服务器图文详解node.js如何构建web服务器Aug 08, 2022 am 10:27 AM

先介绍node.js的安装,再介绍使用node.js构建一个简单的web服务器,最后通过一个简单的示例,演示网页与服务器之间的数据交互的实现。

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heiße Werkzeuge

SublimeText3 Englische Version

SublimeText3 Englische Version

Empfohlen: Win-Version, unterstützt Code-Eingabeaufforderungen!

MantisBT

MantisBT

Mantis ist ein einfach zu implementierendes webbasiertes Tool zur Fehlerverfolgung, das die Fehlerverfolgung von Produkten unterstützen soll. Es erfordert PHP, MySQL und einen Webserver. Schauen Sie sich unsere Demo- und Hosting-Services an.

mPDF

mPDF

mPDF ist eine PHP-Bibliothek, die PDF-Dateien aus UTF-8-codiertem HTML generieren kann. Der ursprüngliche Autor, Ian Back, hat mPDF geschrieben, um PDF-Dateien „on the fly“ von seiner Website auszugeben und verschiedene Sprachen zu verarbeiten. Es ist langsamer und erzeugt bei der Verwendung von Unicode-Schriftarten größere Dateien als Originalskripte wie HTML2FPDF, unterstützt aber CSS-Stile usw. und verfügt über viele Verbesserungen. Unterstützt fast alle Sprachen, einschließlich RTL (Arabisch und Hebräisch) und CJK (Chinesisch, Japanisch und Koreanisch). Unterstützt verschachtelte Elemente auf Blockebene (wie P, DIV),

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

SublimeText3 Linux neue Version

SublimeText3 Linux neue Version

SublimeText3 Linux neueste Version