什么是"event emitter"？

Question

浏览 http://microjs.com，我看到很多库都标有"事件发射器"。 我喜欢认为我对Javascript语言的基础知识非常了解，但我真的不知道"事件发射器"是什么或做什么。

有人愿意开导我吗？听起来很有趣...

Answer 1

它会触发任何人都可以收听的事件。不同的库提供不同的实现和不同的目的，但基本思想是提供一个框架来发布事件和订阅它们。

jQuery的例子：

// Subscribe to event.
$('#foo').bind('click', function() {
    alert("Click!");
});
// Emit event.
$('#foo').trigger('click');

但是，对于jQuery，为了发出事件，你需要有一个DOM对象，并且不能从任意对象发出事件。这就是事件发射器变得有用的地方。下面是一些用于演示自定义事件的伪代码（与上述模式完全相同）：

// Create custom object which "inherits" from emitter. Keyword "extend" is just a pseudo-code.
var myCustomObject = {};
extend(myCustomObject , EventEmitter);
// Subscribe to event.
myCustomObject.on("somethingHappened", function() { 
    alert("something happened!");
});
// Emit event.
myCustomObject.emit("somethingHappened");

Answer 2

在 node 中.js事件可以简单地描述为具有相应回调的字符串。一个事件可以多次"发出"（换句话说，调用相应的回调），也可以选择只在第一次发出时侦听。

例：-

var example_emitter = new (require('events').EventEmitter);
example_emitter.on("test", function () { console.log("test"); });
example_emitter.on("print", function (message) { console.log(message); });
example_emitter.emit("test");
example_emitter.emit("print", "message");
example_emitter.emit("unhandled");
> var example_emitter = new (require('events').EventEmitter);
{}
> example_emitter.on("test", function () { console.log("test"); });
{ _events: { test: [Function] } }
> example_emitter.on("print", function (message) { console.log(message); });
{ _events: { test: [Function], print: [Function] } }
> example_emitter.emit("test");
test //console.log'd
true //return value
> example_emitter.emit("print", "message");
message //console.log'd
true    //return value
> example_emitter.emit("unhandled");
false   //return value

这演示了EventEmitter的所有基本功能。on or addListener方法（基本上是订阅方法）允许您选择要监视的事件和要调用的回调。另一方面，emit方法（发布方法）允许您"发出"一个事件，这会导致注册到该事件的所有回调"触发"（被调用）。

从源 什么是事件发射器？

Answer 3

Node.js中的简单示例：

var EventEmitter = require('events').EventEmitter;
var concert = new EventEmitter;
var singer = 'Coldplay';
concert.on('start', function (singer) {
  console.log(`OMG ${singer}!`);
});
concert.on('finish', function () {
  console.log(`It was the best concert in my life...`);
});
concert.emit('start', singer);
concert.emit('finish');

Answer 4

考虑一个回调函数-

function test(int a, function(){
     console.log("I am call-back function");
   }){
    console.log("I am a parent function");
 }

现在，每当在事件（按钮单击或任何连接等）上调用父函数时，它首先执行其代码，然后将控制权传递给回调函数。现在，事件发射器是一个对象/方法，一旦发生某些操作就会触发事件，以便将 cntrol 传递给父函数。例如，服务器是Node.js编程中的事件发射器。一旦服务器遇到将控件传递给错误父函数的错误，它就会发出错误事件。一旦套接字连接到服务器，服务器就会发出连接事件，然后此事件触发getConnections的父函数，该函数实际上也将回调函数作为参数。因此，它确实是一个链，当事件发射器发生某些事情时触发，事件发射器发出事件以启动正在运行的函数。