Heim > Web-Frontend > js-Tutorial > Hauptteil

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

青灯夜游
Freigeben: 2021-12-24 18:18:27
nach vorne
4304 Leute haben es durchsucht

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);
Nach dem Login kopieren

现在我们可以实现一套 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)
    });
}
Nach dem Login kopieren

off

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

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

这样我们可以大概判断出来,移除掉和我们传入函数相同的函数,我们很快想到 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方法实现
        )
    }
}
Nach dem Login kopieren

once

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

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

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

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

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

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

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

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

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

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

这样我们就实现了 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!

Verwandte Etiketten:
Quelle:juejin.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage