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 相关文章推荐
简略的前端架构心得&&基于editor为例子的编码小技巧
Nov 25 Javascript
基于jQuery中对数组进行操作的方法
Apr 16 Javascript
javascript自定义右键弹出菜单实现方法
May 25 Javascript
JavaScript编程中的Promise使用大全
Jul 28 Javascript
js判断文本框输入的内容是否为数字
Dec 23 Javascript
浅析vue数据绑定
Jan 17 Javascript
JS实现购物车特效
Feb 02 Javascript
Vue工程模板文件 webpack打包配置方法
Dec 26 Javascript
vue实现组件之间传值功能示例
Jul 13 Javascript
vue 登录滑动验证实现代码
Aug 24 Javascript
Javascript读写cookie的实例源码
Mar 16 Javascript
JS如何在数组指定位置插入元素
Mar 10 Javascript
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
PHP IPV6正则表达式验证代码
2010/02/16 PHP
比较discuz和ecshop的截取字符串函数php版
2012/09/03 PHP
php实现redis数据库指定库号迁移的方法
2015/01/14 PHP
避免Smarty与CSS语法冲突的方法
2015/03/02 PHP
Ajax提交表单时验证码自动验证 php后端验证码检测
2016/07/20 PHP
Laravel中基于Artisan View扩展包创建及删除应用视图文件的方法
2016/10/08 PHP
PHP框架Laravel中实现supervisor执行异步进程的方法
2017/06/07 PHP
PHP 应用容器化以及部署方法
2018/02/12 PHP
PHP使用文件锁解决高并发问题示例
2018/03/29 PHP
JavaScript 动态将数字金额转化为中文大写金额
2009/05/14 Javascript
jQuery maxlength文本字数限制插件
2010/04/16 Javascript
浅析JavaScript中的CSS属性及命名规范
2013/11/28 Javascript
原生js实现addClass,removeClass,hasClass方法
2016/04/27 Javascript
用js读写cookie的简单方法(推荐)
2016/08/08 Javascript
基于JavaScript实现Tab选项卡切换效果
2016/11/24 Javascript
Javascript快速实现浏览器系统通知
2017/08/26 Javascript
JavaScript实现修改伪类样式
2017/11/27 Javascript
vue axios登录请求拦截器
2018/04/02 Javascript
原生js实现form表单序列化的方法
2018/08/02 Javascript
ES10的13个新特性示例(小结)
2019/09/23 Javascript
[01:00:25]NB vs Secret 2018国际邀请赛小组赛BO1 B组加赛 8.19
2018/08/21 DOTA
python 读写中文json的实例详解
2017/10/29 Python
django 扩展user用户字段inlines方式
2020/03/30 Python
加拿大约会网站:EliteSingles.ca
2018/01/12 全球购物
意大利火车票和铁路通行证专家:ItaliaRail
2019/01/22 全球购物
Hotels.com泰国:酒店预订网站
2019/11/20 全球购物
大学辅导员事迹材料
2014/02/05 职场文书
社会学专业学生职业规划书
2014/02/07 职场文书
2014年检验科工作总结
2014/11/22 职场文书
运动会开幕词
2015/01/28 职场文书
导游词欢迎词
2015/02/02 职场文书
幼师辞职信范文大全
2015/05/12 职场文书
Python中for后接else的语法使用
2021/05/18 Python
Vue Element-ui表单校验规则实现
2021/07/09 Vue.js
Matplotlib绘制条形图的方法你知道吗
2022/03/21 Python
Django基础CBV装饰器和中间件
2022/03/22 Python