javascript - 什么是“事件发射器”？

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");
 }

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