当前位置:首页 > 日记 > 正文

浅谈node的事件机制

浅谈node的事件机制

Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient.

在nodejs的官方文档中,明确写出了node的一个特性是event-driven(事件驱动),可见其非常重要。查看源码,我们可知其事件机制为用js写的EventEmitter类,写得非常优雅且应用了发布/订阅模式。

通过实现一个简易的、具有发布/订阅模式的事件机制,以此来理清EventEmitter类的实现思路

Publish/Subscribe(发布/订阅模式)

类比

要讲的是一个模式,模式这个词,听起来就很抽象。我们先举个栗子。假设有一家报纸机构,提供晨报、午报、晚报。如果你想要看某种报纸,你需要向报纸机构订阅,等对应的报纸发布出来后,报纸机构就会通知你来拿报纸。

在这个过程中,报纸机构实现了两个功能,一是接受客户的订阅;二是发布不同类型的报纸。发布报纸的时候,订阅该类型报纸的客户就能接收到通知。

这个报纸机构也就是我们要实现的事件机制。

目的

从上面的例子可以看出:1.发布报纸;2.将报纸给到客户;这个连续的过程由于报纸机构的存在,变成了可以先订阅,再发布,等到发布就自动送到客户手中,实现了动作时间上的分离。这也是发布/订阅系统的优势。

实现思路

我们有3种报纸,对应3个事件,每个事件发生时要通知客户。对应的数据格式可以如下:

var Event = { morning: event1, noon: event2, night: event3}

由于每种报纸都可能有不止一个人订阅,那么格式可优化成这样:

var Event = { morning: [e11, e12,...], noon: [e21, e22], night: event3}

当用户订阅的时候,我们就将其事件添加对应的数组中;当事件发布的时候,就执行相应事件。说白了就是先存储后使用。

具体代码如下:

1.on表示订阅,将事件添加到对应数组中
2.emit表示发布,将对应数组中的数据取出来执行
3.off表示删除无用的事件

var Event = { on: function(key, listener) {  if (!this.__events) {   this.__events = {}  }  if (!this.__events[key]) {   this.__events[key] = [];  }   if (_indexOf(this.__events[key], listener) == -1 && typeof listener === 'function') {   this.__events[key].push(listener)  } }, emit: function(key) {  if (!this.__events || !this.__events[key]) return   //取得每次订阅不同的参数  var arg = Array.prototype.slice.call(arguments, 1) || [];  var listeners = this.__events[key];  var len = listeners.length;  for (var i=0; i<len; i++) {   listeners[i].apply(this, arg)  }  return this }, off: function(key, listener) {  if (!key && !listener) {   this.__events = {}  }  if (key && !listener) {   delete this.__events[key]  }  if (key && listener) {   var listeners = this.__events[key];   var index = _indexOf(listeners, listener);   (index > -1) && listeners.splice(index, 1);  }  return this }}var _indexOf = function(array,key){ if (array === null) return -1 var i = 0, length = array.length for (; i < length; i++) if (array[i] === key) return i return -1}//调用Event.on('console1', function(num) { console.log(num); // 1});Event.emit('console1', 1)

node的EventEmitter

node的EventEmitter基本逻辑和上面提供的例子基本一样,只是更加复杂些。

1.订阅事件on

function _addListener(target, type, listener, prepend) { var m; var events; var existing; if (typeof listener !== 'function')  throw new TypeError('"listener" argument must be a function'); events = target._events; ... if (typeof existing === 'function') {   // Adding the second element, need to change to array.   existing = events[type] =    prepend ? [listener, existing] : [existing, listener];  } else {   // If we've already t an array, just append.   if (prepend) {    existing.unshift(listener);   } else {    existing.push(listener);   }  } return target;}EventEmitter.prototype.addListener = function addListener(type, listener) { return _addListener(this, type, listener, false);};EventEmitter.prototype.on = EventEmitter.prototype.addListener;

2.发布事件

EventEmitter.prototype.emit = function emit(type) { ... handler = events[type]; switch (len) {  // fast cases  case 1:   emitNone(handler, isFn, this);   break;  case 2:   emitOne(handler, isFn, this, arguments[1]);   break;  case 3:   emitTwo(handler, isFn, this, arguments[1], arguments[2]);   break;  case 4:   emitThree(handler, isFn, this, arguments[1], arguments[2], arguments[3]);   break;  // slower  default:   args = new Array(len - 1);   for (i = 1; i < len; i++)    args[i - 1] = arguments[i];   emitMany(handler, isFn, this, args); }}

讲到这里,相信大家已经明白EventEmitter的实现思路。

参考资料

node events.js

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

相关文章

微信小程序 跳转传参数与传对象详

微信小程序 跳转传参数与传对象详

对象,实例代码,传参数,跳转,详解,微信小程序 跳转传参数 传对象微信小程序跳转传参一般都是传字符串到下一页,如果要想传对象怎么办呢?我的解决办法是先将对象转换为json字符串然后到下个页面将json字符串,再转化为对象。如下:let str=JSON.str…

ES6模块化的import和export用法方

ES6模块化的import和export用法方

方法,模块化,电脑软件,export,import,ES6之前已经出现了js模块加载的方案,最主要的是CommonJS和AMD规范。commonjs主要应用于服务器,实现同步加载,如nodejs。AMD规范应用于浏览器,如requirejs,为异步加载。同时还有CMD规范,为同步加载方案如seaJS…

怎么更换ppt的模板更换ppt的模板的

怎么更换ppt的模板更换ppt的模板的

模板,方法,步骤,电脑软件,ppt,  为了统一形象,我们需要将我们的ppt做的更规范一些,这就需要一个统一的模板,特别是背景,下面小编教你怎么更换ppt的模板。更换ppt的模板的方法首先,我们打开需要修改的PPT文件。如图所示,我们现在的ppt就是一个空…

JavaScript实现各种排序的代码详解

JavaScript实现各种排序的代码详解

各种排序,详解,代码,电脑软件,JavaScript,冒泡排序function Bubble(arr){ var temp; for(var i=0;i<arr.length-1;i++){ for(var j=i+1;j<arr.length;j++){ if(arr[i]>arr[j]){ temp=arr[i]; arr[i]=a…

AI怎么绘制一个咖啡杯图标?

AI怎么绘制一个咖啡杯图标?

图标,绘制,咖啡杯,电脑软件,AI,看到咖啡杯子不错,想要绘制这个图形作为图标,该怎么绘制呢?下面我们就来看看详细的教程。软件名称:Adobe Illustrator CS6 (AI cs6) 精简绿色中文版(32位+64位)软件大小:205MB更新时间:2014-05-111、打开AI软件,新建…

在PPT2007幻灯片中如何让艺术字逐

在PPT2007幻灯片中如何让艺术字逐

显示,逐行,幻灯,片中,艺术字,  一个PPT演示文稿的内容是否丰富,在很大程度上与它的幻灯片特效是密不可分的,为幻灯片添加各种特效可以使幻灯片看上去更具吸引力。以下是小编为您带来的关于在PPT2007幻灯片中让艺术字逐行显示,希望对您有所帮…

PS怎么制作一个立体的渐变文字?

PS怎么制作一个立体的渐变文字?

文字,渐变,电脑软件,PS,我们在不同的情况下使用不同的艺术字,因此,我们需要制作不同效果的艺术字,这一点也可以用PS技巧来达成的。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、选择一个蓝色的背景打…

手机WPS如何修改WORD文档

手机WPS如何修改WORD文档

文档,修改,方法,电脑软件,WPS,  修改Word文档里面的内容,而且不在电脑上,该如何实现?手机版WPS可以搞定,手机要有WPS软件是必须的,没有它,一切无从谈起。接下来小编马上就告诉大家手机端wps修改Word文档的方法。手机WPS修改WORD文档的方法1、…

javascript计算对象长度的方法

javascript计算对象长度的方法

计算,方法,对象,长度,电脑软件,计算对象的长度,即获取对象属性的个数,具体如下方法一:通过for in 遍历对象,并通过hasOwnProperty判断是否是对象自身可枚举的属性var obj = {"c1":1,"c2":2};function countProperties(obj){ for(var prope…

word文档设置密码的两种方法word文

word文档设置密码的两种方法word文

文档,设置,密码,方法,两种,  我们每个人都有不想让人知道的东西,比如word文档中的内容,那么我们该如何设置密码呢?那么下面就由小编给大家分享下word文档设置密码的技巧,希望能帮助到您。word文档设置密码方法步骤一:首先,打开我们需要加密的W…

discuz表情的JS提取方法分析

discuz表情的JS提取方法分析

方法,表情,电脑软件,discuz,JS,本文实例讲述了discuz表情的JS提取方法。分享给大家供大家参考,具体如下:discuz将应用的表情生成了一个js文件,在forumdata/cache/下,叫smilies_var.js,这个文件是根据后台数据库 生成的一个表情数组,里面有两个数…

Bootstrap modal 多弹窗之叠加关闭

Bootstrap modal 多弹窗之叠加关闭

解决方法,叠加,电脑软件,Bootstrap,modal,上篇我提到的‘多弹窗之叠加显示不出弹窗问题' 这里也会遇到一次性关闭所有modal引起阴影遮罩的问题,也就是所有modal都关闭了,但是主页面仍然被阴影遮罩.这个问题从哪来的,是因为modal叠加,我们点击…