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 相关文章推荐
JQuery AJAX提交中文乱码的解决方案
Jul 02 Javascript
关于URL中的特殊符号使用介绍
Nov 03 Javascript
jquery.ajax的url中传递中文乱码问题的解决方法
Feb 07 Javascript
JavaScript中实现PHP的打乱数组函数shuffle实例
Oct 11 Javascript
Boostrap入门准备之border box
May 09 Javascript
AngularJS使用指令增强标准表单元素功能
Jul 01 Javascript
javascript设计模式之单体模式学习笔记
Feb 15 Javascript
vue+swiper实现组件化开发的实例代码
Oct 26 Javascript
angularjs 动态从后台获取下拉框的值方法
Aug 13 Javascript
Vue自定义指令上报Google Analytics事件统计的方法
Feb 25 Javascript
深入理解Node内建模块和对象
Mar 12 Javascript
使用Vue-scroller页面input框不能触发滑动的问题及解决方法
Aug 08 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
相对路径转化成绝对路径
2007/04/10 PHP
PHP 输出简单动态WAP页面
2009/06/09 PHP
约瑟夫环问题的PHP实现 使用PHP数组内部指针操作函数
2010/10/12 PHP
PHP中防止SQL注入实现代码
2011/02/19 PHP
php实现的ping端口函数实例
2014/11/12 PHP
PHP获取当前URL路径的处理方法(适用于多条件筛选列表)
2017/02/10 PHP
JavaScript Event学习第十一章 按键的检测
2010/02/10 Javascript
JS中setInterval、setTimeout不能传递带参数的函数的解决方案
2013/04/28 Javascript
javascript中加号(+)操作符的一些神奇作用
2014/06/06 Javascript
javascript常用的方法分享
2015/07/01 Javascript
cocos2dx骨骼动画Armature源码剖析(三)
2015/09/08 Javascript
javascript入门教程基础篇
2015/11/16 Javascript
JS简单生成两个数字之间随机数的方法
2016/08/03 Javascript
AngularJS封装指令方法详解
2016/12/12 Javascript
大白话讲解JavaScript的Promise
2017/04/06 Javascript
React如何利用相对于根目录进行引用组件详解
2017/10/09 Javascript
基于datepicker定义自己的angular时间组件的示例
2018/03/14 Javascript
Vue发布项目实例讲解
2019/07/17 Javascript
vue.js购物车添加商品组件的方法
2019/09/17 Javascript
JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法
2021/01/29 Javascript
[01:21:07]EG vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
Python中扩展包的安装方法详解
2017/06/14 Python
Python数据持久化shelve模块用法分析
2018/06/29 Python
详解python中的Turtle函数库
2018/11/19 Python
兰蔻美国官网:Lancome美国
2017/04/25 全球购物
阿联酋航空假期:Emirates Holidays
2018/03/20 全球购物
MAC Cosmetics巴西官方网站:M·A·C彩妆
2019/04/18 全球购物
银行会计业务的个人自我评价
2013/11/02 职场文书
团委书记的竞聘演讲稿
2014/04/24 职场文书
党纪处分决定书
2015/06/24 职场文书
初中语文教学反思范文
2016/03/03 职场文书
MySQL Threads_running飙升与慢查询的相关问题解决
2021/05/08 MySQL
浅谈Python数学建模之数据导入
2021/06/23 Python
OpenCV绘制圆端矩形的示例代码
2021/08/30 Python
vue3获取当前路由地址
2022/02/18 Vue.js
MySQL实现用逗号进行拼接、以逗号进行分割
2022/12/24 MySQL