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 相关文章推荐
兼容主流浏览器的iframe自适应高度js脚本
Jan 10 Javascript
淘宝网提供的国内NPM镜像简介和使用方法
Apr 17 Javascript
javascript 小数取整简单实现方式
May 30 Javascript
jQuery实现自定义右键菜单的树状菜单效果
Sep 02 Javascript
Jquery Easyui进度条组件Progress使用详解(8)
Mar 26 Javascript
原生ajax处理json格式数据的实例代码
Dec 25 Javascript
Bootstrap的popover(弹出框)2秒后定时消失的实现代码
Feb 27 Javascript
AngularJS动态菜单操作指令
Apr 25 Javascript
浅谈Vue下使用百度地图的简易方法
Mar 23 Javascript
vue打包相关细节整理(小结)
Sep 28 Javascript
微信小程序之侧边栏滑动实现过程解析(附完整源码)
Aug 23 Javascript
15个简单的JS编码标准让你的代码更整洁(小结)
Jul 16 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数组函数序列之array_sum() - 计算数组元素值之和
2011/10/29 PHP
thinkphp3.2.2前后台公用类架构问题分析
2014/11/25 PHP
thinkPHP通用控制器实现方法示例
2017/11/23 PHP
Laravel框架实现的批量删除功能示例
2019/01/16 PHP
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
2009/12/02 Javascript
js弹出层之1:JQuery.Boxy (二)
2011/10/06 Javascript
左侧是表头的JS表格控件(自写,网上没有的)
2013/06/04 Javascript
jQuery EasyUI 右键菜单--关闭标签/选项卡的简单实例
2016/10/10 Javascript
react实现pure render时bind(this)隐患需注意!
2017/03/09 Javascript
微信小程序开发之实现自定义Toast弹框
2017/06/08 Javascript
Node.js Express安装与使用教程
2018/05/11 Javascript
详解webpack4多入口、多页面项目构建案例
2018/05/25 Javascript
浅谈JS对象添加getter与setter的5种方法
2018/06/09 Javascript
微信小程序实现即时通信聊天功能的实例代码
2018/08/17 Javascript
jQuery实现购物车的总价计算和总价传值功能
2018/11/28 jQuery
重学JS 系列:聊聊继承(推荐)
2019/04/11 Javascript
详解Vue依赖收集引发的问题
2019/04/22 Javascript
使用Vue开发自己的Chrome扩展程序过程详解
2019/06/21 Javascript
vue 移动端注入骨架屏的配置方法
2019/06/25 Javascript
多种类型jQuery网页验证码插件代码实例
2021/01/09 jQuery
[26:50]2018完美盛典DOTA2表演赛
2018/12/17 DOTA
Python简单实现自动删除目录下空文件夹的方法
2017/08/29 Python
详解Python中的分组函数groupby和itertools)
2018/07/11 Python
使用Python实现在Windows下安装Django
2018/10/17 Python
基于Python获取docx/doc文件内容代码解析
2020/02/17 Python
python MD5加密的示例
2020/10/19 Python
国际书籍零售商:Wordery
2017/11/01 全球购物
京东港澳售:京东直邮港澳台
2018/01/31 全球购物
泰国时尚电商:POMELO Fashion
2020/03/11 全球购物
汇智创新科技发展有限公司
2015/12/06 面试题
大学生社会实践活动总结
2014/07/03 职场文书
党员批评与自我批评范文
2014/09/23 职场文书
美容院合作经营协议书
2014/10/10 职场文书
2014年创先争优工作总结
2014/12/11 职场文书
原生Js 实现的简单无缝滚动轮播图的示例代码
2021/05/10 Javascript
Python可视化神器pyecharts绘制地理图表
2022/07/07 Python