Node.js中的事件处理机制

待我称王封你为后i 2022-04-10 12:54 253阅读 0赞

event模块是在Node.js中用以实现各种事件处理的模块。Node.js中的许多模块都集成了event模块，所以event模块是Node.js中一个相当重要的模块。而EventEmitter则是event模块唯一一个对外暴露的对象，主要**用于事件的监听和触发**。**所有可能触发事件的对象都是一个继承了EventEmitter类的子类对象。**

### 文章目录 ###

*  1.获取EventEmitter类
 *  2.为事件添加监听
 *  3.一次性的事件监听
 *  4.设置最多可绑定的事件处理函数的数量
 *  5.获取一个事件的所有事件处理函数
 *  6.为事件解绑事件处理函数
 *  7.去除所有绑定的事件处理函数
 *  8.手动触发事件与自定义事件
 *   *  8.1手动触发事件
     *  8.2 自定义事件
 *  9.EventEmitter类自身所拥有的事件

# 1.获取EventEmitter类 #

通过下面代码即可获得EventEmitter类。

require('event').EventEmitter;

# 2.为事件添加监听 #

（下文的**emitter**代表的是集成了EventEmitter类的子类对象）。

为事件添加监听并绑定时间处理函数，可以用`emitter.on(event, handler)`或`emitter.addListener(event,Handler)`方法（两个方法区别仅在于方法名）。

let http = require('http');
    let server = http.createServer();
    
    server.on('request', (req, res)=>{
        
        console.dir(req);
    });
    
    server.listen(2000, "localhost");

以上述代码为例，server就是前面提到的那个**emitter**，通过`server.on()`方法，为server的**request**事件绑定了一个函数，这个函数输出了我们对"localhost:2000"的请求的请求对象。

输出如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqYzI1Ng_size_16_color_FFFFFF_t_70]

还可以通过多个on方法来实现为一个事件绑定多个处理函数。如下所示：

let http = require('http');
    let server = http.createServer();
    
    server.on('request', (req, res)=>{
        
        console.dir(req);
    });
    
    server.on('request', (req, res)=>{
        
    	console.log('This is another function.')
    });
    
    server.listen(2000, "localhost");

这时，除了输出请求对象之外，还会再输出一条"This is another function"的字符串。关于多个事件处理函数执行的顺序问题，函数执行的顺序是**按照注册顺序先后以同步方式执行**。也就是说**先注册的先执行，后注册的后执行**。以上面的例子来说就是先输出请求对象，再输出字符串。

当然了，如果在事件处理函数中使用了异步方法，那么也会导致异步的执行事件处理函数。例如：

上面的结果将会是先输出字符串，后输出请求对象。

# 3.一次性的事件监听 #

所谓的一次性的事件监听就是说，被绑定到事件的事件处理函数在监听到事件发生后**仅会被调用一次**，以后再监听到同一事件再次发生也不会再调用。

为了达到这个效果，我们可以使用`once`**方法**，例如：

let http = require('http');
    let server = http.createServer();
    
    server.once('request', (req, res)=>{
        
        console.dir(req);
    });
    
    server.listen(2000, "localhost");

上面的代码仅会在**第一次访问**"localhost:2000"的时候触发事件处理函数从而输出请求对象，之后**无论访问多少次**，事件处理函数都不会再被调用。

# 4.设置最多可绑定的事件处理函数的数量 #

上面演示了如何为一个事件绑定多个事件处理函数，然而，在默认情况下，我们最多只能为一个事件设置10个处理函数，如果我们想绑定更多，就得需要`setMaxListeners`方法了，使用如下：

emitter.setMaxListeners(n);	//n为一个整数值

# 5.获取一个事件的所有事件处理函数 #

如果我们希望获得一个事件的所有事件处理函数，我们可以使用`listeners`方法，使用形如:`emitter.listeners(event)`（event为事件名）。例如：

那么输出的结果将会是如下，  
![在这里插入图片描述][20190108091539824.png]

# 6.为事件解绑事件处理函数 #

有绑定就会有解除绑定，解除绑定需要使用`removeListener(event, handler)`方法，参数与解除绑定一样。不过由于需要传入事件处理函数的名称（第二个参数），所以匿名函数的绑定无法被解除。

let http = require('http');
    let server = http.createServer();
    
    function test(req, res){
        
    	console.dir(req);
    }
    
    server.on('request', test);
    server.removeListener('request', test);
    
    server.listen(2000, "localhost");

上面的代码先是为`server`绑定了一个名为`test`的事件处理函数，然后随即又去除了它的绑定，那么结果就是当`server`的request事件被触发时，`test`方法将不会被触发。

# 7.去除所有绑定的事件处理函数 #

去除所有绑定的事件处理函数，这里包含着两层意思。一是解除**某个事件上绑定的所有事件处理函数**，二是解除**所有事件上所有被绑定的事件处理函数**。

这两个需求都可以通过`removeAllListeners(event)`（event参数可选）来实现。\*\*在给定了事件的时候，去除的便是这个事件被绑定的所有事件处理函数，若参数为空，则去除所有事件的所有被绑定的事件处理函数。\*\*例如：

# 8.手动触发事件与自定义事件 #

## 8.1手动触发事件 ##

我们可以使用`emit(event, [arg1], [arg2],..., [argn])`方法来手动触发某个事件。event事件名参数后面的都是传递给该事件处理函数的参数，是可选的。

在代码中，我直接触发了’request’事件，所以’request’事件上绑定的事件处理函数也都被触发了，可以看到下图中第一个被输出的是一对空大括号，因为我传递的参数是两个空对象（也就是此时的req和res都是空对象）。  
![在这里插入图片描述][20190108095256910.png]

## 8.2 自定义事件 ##

自定义事件同样是要用到`emit`方法，在手动触发事件的时候，我们需要输入事件名  
作为参数，**那么若是我们输入的是某个自定义的事件名，如"myEvent"，而且同时我们也监听这个事件，为这个事件绑定了事件处理函数** 那么就相当于我们自定义了一个事件。例如：

let http = require('http');
    let server = http.createServer();
    
    server.on('myEvent', ()=>{
        
        console.log('myEvent has been triggered.');
    });
    
    server.emit('myEvent');
    server.listen(2000, "localhost");

![在这里插入图片描述][20190108100739974.png]

# 9.EventEmitter类自身所拥有的事件 #

EventEmitter类本身也定义了两个事件，**newLIstener**事件和**removeListener**事件。任何时候，只要对继承了EventEmitter类的子类的实例对象绑定事件处理函数时，**都将会触发newListener事件**。同样的，在解除某个事件处理函数的绑定时，也会触发**removeListener事件**。

这两个事件为事件处理函数传入的参数都是一样的，如下

emitter.on('newListener', (e, f)=>{
        
    	//e代表事件名
    	//f代表绑定的事件处理函数
    });
    
    emitter.on('removeListener', (e, f)=>{
        
    	//e代表事件名
    	//f代表被解除绑定的事件处理函数
    });

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqYzI1Ng_size_16_color_FFFFFF_t_70]: /images/20220330/94b0016afc4d4942973cbdb8ecfa75ee.png
[20190108091539824.png]: /images/20220330/76b2041493104c0a92390ef57feba4c0.png
[20190108095256910.png]: /images/20220330/4c845cdbc3324c7284d4603a7ed0f359.png
[20190108100739974.png]: /images/20220330/6c71f5e5c1e143929051535ccd39a642.png