node.js中事件触发器events的使用方法实例分析


Posted in Javascript onNovember 23, 2019

本文实例讲述了node.js中事件触发器events的使用方法。分享给大家供大家参考,具体如下:

node.js是基于事件驱动的,通过events,我们可以方便的创建事件,并通过触发事件来调用我们自定义的监听函数。

所有能触发事件的对象都应该是 EventEmitter 类的实例,一般我们自定义一个类继承于 EventEmitter 类。

通过on()方法我们可以绑定事件与监听函数:

const Events = require('events');
//自定义一个类,继承于EventEmitter类
class MyEvent extends Events {
}
//实例化一个我们自定义的事件类
let e = new MyEvent();
//通过on来绑定事件与监听函数
e.on('click', function () {
  console.log('点击了');
});
//通过emit触发事件
e.emit('click');

emit()方法可以传递多个参数给监听函数使用:

const Events = require('events');
//自定义一个类,继承于EventEmitter类
class MyEvent extends Events {
}
//实例化一个我们自定义的事件类
let e = new MyEvent();
//通过on来绑定事件与监听函数
e.on('click', function (...args) {
  args.forEach(function (value) {
    console.log(value);
  });
});
//通过emit触发事件
e.emit('click', 1, 2, 3);

addListener()方法是on()方法的别名,具体的使用,可以看on()方法。

once() 方法添加单次执行的事件与监听函数,只会执行一次。

const Events = require('events');
//自定义一个类,继承于EventEmitter类
class MyEvent extends Events {
 
}
//实例化一个我们自定义的事件类
let e = new MyEvent();
e.once('click', function () {
  console.log('点击');
});
//多次触发事件,只会执行一次
e.emit('click');
e.emit('click');
e.emit('click');

我们也可以通过 removeListener() 方法删除指定的监听处理函数,还有一个同名函数 off(),用法一样。

const Events = require('events');
//自定义一个类,继承于EventEmitter类
class MyEvent extends Events {
}
//实例化一个我们自定义的事件类
let e = new MyEvent();
function click() {
  console.log('点击');
}
function move() {
  console.log('移动');
}
e.on('事件', click);
e.on('事件', move);
//触发事件
e.emit('事件');
//我们删除其中一个绑定事件
e.off('事件', click);
//再次触发事件后,被删除的绑定事件就无法执行了。
e.emit('事件');

当我们为某个事件绑定过多监听函数时,就会打印警告,默认是 10 个,我们可以使用 setMaxListeners() 来设置最大监听数量

const Events = require('events');
//自定义一个类,继承于EventEmitter类
class MyEvent extends Events {
}
//实例化一个我们自定义的事件类
let e = new MyEvent();
function click() {
  console.log('点击');
}
//如果设置0,则表示不受限制
e.setMaxListeners(0);
e.on('事件', click);
e.on('事件', click);
e.on('事件', click);
e.on('事件', click);
e.on('事件', click);
e.on('事件', click);
e.on('事件', click);
e.on('事件', click);
e.on('事件', click);
e.on('事件', click);
e.on('事件', click);
e.emit('事件');

通过 listeners() 函数可以返回指定事件的所有监听函数

const Events = require('events');
//自定义一个类,继承于EventEmitter类
class MyEvent extends Events {
}
//实例化一个我们自定义的事件类
let e = new MyEvent();
function click() {
  console.log('点击');
}
function move() {
  console.log('移动');
}
e.on('事件', click);
e.on('事件', move);
//获取该事件的所有监听函数
let arr = e.listeners('事件');
//循环调用
arr.forEach(function (fn) {
  fn();
});

通过 eventNames() 获取所有事件名数组

const Events = require('events');
//自定义一个类,继承于EventEmitter类
class MyEvent extends Events {
}
//实例化一个我们自定义的事件类
let e = new MyEvent();
function click() {
  console.log('点击');
}
function move() {
  console.log('移动');
}
e.on('点击', click);
e.on('移动', move);
//获取所有事件名数组
console.log(e.eventNames());

事件对象的 'newListener' 和 'removeListener' 事件

事件对象添加新的监听器之前,会触发自身的 'newListener' 事件。

事件对象删除监听器后触发 'removeListener' 事件。

const Events = require('events');
class MyEvent extends Events {
}
let e = new MyEvent();
//注意 'newListener' 事件是在添加监听器之前触发的
e.once('newListener', function (eventName, listener) {
  console.log(eventName, '事件被添加');
  //所以这里的事件回调会先执行
  e.on('click', function () {
    console.log('我比点击了,先显示');
  });
});
//注意 'removeListener' 事件是在监听器移除后触发
e.on('removeListener', function (eventName, listener) {
  console.log(eventName, '事件被删除');
});
//绑定click事件
e.on('click', function () {
  console.log('点击了');
});
//触发click事件
e.emit('click');
//移除事件
e.removeAllListeners('click');

希望本文所述对大家node.js程序设计有所帮助。

Javascript 相关文章推荐
客户端脚本中常常出现的一些问题和调试技巧
Jan 09 Javascript
『JavaScript』限制Input只能输入数字实现思路及代码
Apr 22 Javascript
HTML长文本截取含有HTML代码同样适用的两种方法
Jul 31 Javascript
jquery.qrcode在线生成二维码使用示例
Aug 21 Javascript
JavaScript strike方法入门实例(给字符串加上删除线)
Oct 17 Javascript
JS中dom0级事件和dom2级事件的区别介绍
May 05 Javascript
ES6新特性之字符串的扩展实例分析
Apr 01 Javascript
vue监听input标签的value值方法
Aug 27 Javascript
利用JavaScript缓存远程窃取Wi-Fi密码的思路详解
Nov 05 Javascript
Vue项目实现换肤功能的一种方案分析
Aug 28 Javascript
video.js添加自定义组件的方法
Dec 09 Javascript
vue登录页实现使用cookie记住7天密码功能的方法
Feb 18 Vue.js
javascript 原型与原型链的理解及实例分析
Nov 23 #Javascript
jquery 插件重新绑定的处理方法分析
Nov 23 #jQuery
微信小程序实现录音功能
Nov 22 #Javascript
小程序实现按下录音松开识别语音
Nov 22 #Javascript
小程序采集录音并上传到后台
Nov 22 #Javascript
webpack优化之代码分割与公共代码提取详解
Nov 22 #Javascript
小程序实现录音上传功能
Nov 22 #Javascript
You might like
星际争霸任务指南——神族
2020/03/04 星际争霸
示例详解Laravel重置密码代码重构
2016/08/10 PHP
php指定长度分割字符串str_split函数用法示例
2017/01/30 PHP
javascript 一些用法小结
2009/09/11 Javascript
extjs中grid中嵌入动态combobox的应用
2011/01/01 Javascript
JS获取select的value和text值的简单实例
2014/02/26 Javascript
深入学习JavaScript对象
2015/10/13 Javascript
js格式化时间的方法
2015/12/18 Javascript
JavaScript知识点总结之如何提高性能
2016/01/15 Javascript
javascript事件模型介绍
2016/05/31 Javascript
详解angularJs中自定义directive的数据交互
2017/01/13 Javascript
BootStrap注意事项小结(五)表单
2017/03/10 Javascript
jQuery Ajax向服务端传递数组参数值的实例代码
2017/09/03 jQuery
深入了解JavaScript 的 WebAssembly
2019/06/15 Javascript
layui 实现自动选择radio单选框(checked)的方法
2019/09/03 Javascript
vue Tab切换以及缓存页面处理的几种方式
2019/11/05 Javascript
JavaScript通如何过RGraph实现动态仪表盘
2020/10/15 Javascript
JavaScript实现滑块验证解锁
2021/01/07 Javascript
[05:08]第一届“网鱼杯”DOTA2比赛精彩集锦
2014/09/05 DOTA
python实现博客文章爬虫示例
2014/02/26 Python
对Python进行数据分析_关于Package的安装问题
2017/05/22 Python
详解Python核心编程中的浅拷贝与深拷贝
2018/01/07 Python
Centos7 Python3下安装scrapy的详细步骤
2018/03/15 Python
python版飞机大战代码分享
2018/11/20 Python
python输入错误后删除的方法
2019/10/12 Python
Python使用type动态创建类操作示例
2020/02/29 Python
150行Python代码实现带界面的数独游戏
2020/04/04 Python
Django mysqlclient安装和使用详解
2020/09/17 Python
简单了解python关键字global nonlocal区别
2020/09/21 Python
全面解析CSS Media媒体查询使用操作(推荐)
2017/08/15 HTML / CSS
We Fashion荷兰:一家国际时装公司
2018/04/18 全球购物
施工协议书范本
2014/04/22 职场文书
小区保洁员岗位职责
2015/04/10 职场文书
学校运动会开幕词
2016/03/03 职场文书
用Python实现Newton插值法
2021/04/17 Python
python cv2图像质量压缩的算法示例
2021/06/04 Python