首页 / JAVASCRIPT / node事件机制解说

node事件机制解说

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了node事件机制解说，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4177字，纯文字阅读大概需要6分钟。

内容图文

本文主要介绍了node的事件机制，本文通过实现一个简易的、具有发布/订阅模式的事件机制，以此来理清EventEmitter类的实现思路，有兴趣的可以了解一下，希望能帮助到大家。

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(发布/订阅模式)

类比

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

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

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

node事件机制解说 - 文章图片

目的

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

实现思路

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

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

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

具体代码如下：

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

node的EventEmitter

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

1.订阅事件on

2.发布事件

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

相关推荐：

PHP事件机制的实现

jq与js中的事件机制与阻止

JavaScript的事件机制

以上就是node事件机制解说的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的node事件机制解说全部内容，希望文章能够帮你解决node事件机制解说所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/295502.html

来源：【匿名】

【上一篇】JS实现汉字按拼音排序的方法【下一篇】javascript 怎么调用php方法

更多 ►

【node事件机制解说】教程文章相关的互联网学习教程文章

jQuery $(document).ready()和JavaScript onload事件【代码】【图】

jQuery $(document).ready()和JavaScript onload事件 jQuery $(document).ready()和window.onload　　根据ready()方法的API说明http://api.jquery.com/ready/　　这个方法接收一个function类型的参数ready(handler), 方法的作用是: Specify a function to execute when the DOM is fully loaded.　　即当DOM加载完毕的时候,执行这个指定的方法.　　因为只有document的状态ready之后,对page的操作才是安全的.$(document).ready()仅在...

JavaScript事件【代码】

目录一、DOM0级事件处理二、事件冒泡与事件捕获三、DOM2级事件处理四、IE事件处理程序及跨浏览器支持五、事件对象一、DOM0级事件处理事件，由WEB页面中发生的一些特定行为触发。比如在某个页面元素上按下鼠标左键，按下键盘某个按键，某对象获得或丢失焦点时均会触发对应的事件。JavaScript和HTML的交互就是通过事件来实现的。我们使用事件侦听器对事件进行“注册”，事件发生时便执行相应的代码。DOM0级事件处理程序以其简单、跨浏...

javascript和jquey的自定义事件小结【代码】【图】

“通过事件机制，可以将类设计为独立的模块，通过事件对外通信，提高了程序的开发效率。” 可以把多个关联但逻辑复杂的操作利用自定义事件的机制灵活地控制好对象之间通过直接方法调用来交互1）对象A直接调用对象B的某个方法，实现交互；直接方法调用本质上也是属于一种特殊的发送与接受消息，它把发送消息和接收消息合并为一个动作完成；方法调用方和被调用方被紧密耦合在一起；因为发送消息和接收消息是在一个动作内完成，所以无...

Javascript中点击（click）事件的3种写法【代码】

方法一<!DOCTYPE html> <html> <head><title>Javascript中点击事件方法一</title> </head> <body><button id="btn">click</button><script type="text/javascript">var btn = document.getElementById("btn");btn.onclick=function(){alert("hello world");}</script> </body> </html> 方法二<!DOCTYPE html> <html> <head><title>Javascript中点击事件方法二</title> </head> <body><button id="btn">click</button><script type=...

javascript事件对象

把多个JavaScript函数绑定到onload事件处理函数上

为了让函数只在页面加载完毕后才得到执行，我们会把函数绑定到onload事件上：window.onload = userFunction但如果有两个函数：firstFunction() 和 secondFunction()，都想让它们在页面加载完毕后得到执行，该怎么办？如果这样： window.onload = firstFunciton; window.onload = secondFunction;只有最后一个函数能被执行。由此可得：每个事件处理函数只能绑定一条指令。但我们可以这样做： window.onload = function...

Javascript事件【代码】

Javascript包含三种模型：内联模型、脚本模型和DOM2模型。1.内联模型（现在基本不用了）　　即事件响应处理函数作为一个标签属性来执行，典型的就是onclick()函数；<input type=‘button‘ value=‘按钮‘ onclick="alert(‘点击了！‘)" /> 2.脚本模型　　为了解决html与javascript的分离。window.onload=function(){var input=document.getElementByTagName(‘input‘)[0];input.onclick=function(){alert("点击了！");} }PS：也...

javascript监听事件兼容【代码】

JavaScript 同步异步及事件轮询详解【代码】

JS为何是单线程的？ JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率啊。（在JAVA和c#中的异步均是通过多线程实现的，没有循环队列一说，直接在子线程中完成相关的操作）JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假...

深入理解JavaScript的闭包特性如何给循环中的对象添加事件

初学者经常碰到的,即获取HTML元素集合，循环给元素添加事件。在事件响应函数中(event handler)获取对应的索引。但每次获取的都是最后一次循环的索引。原因是初学者并未理解JavaScript的闭包特性。有个网友问了个问题，如下的html，为什么点击所有的段落p输出都是5，而不是alert出对应的0，1，2，3，4。1. <!DOCTYPE HTML>2. <html>3. <head>4. <meta charset="utf-8" />5. <title>闭包演示</title>6. <style type="text/css"...

javascript---事件对象【代码】

事件对象event　　如果是事件处理函数绑定的函数，浏览器会默认传递一个参数，event对象。而这个对象会根据触发的事件判断是鼠标事件还是键盘事件 //鼠标事件1 document.onclick=function(evt){ 2 alert(evt); //键盘事件3 }//键盘事件1 document.onkeydown=function(evt){ 2 alert(evt); //键盘事件3 } 由于IE浏览器和W3C浏览器获取event对象有不兼容的地方，所以...

JavaScript进阶系列06,事件委托【代码】

在"JavaScript进阶系列05,事件的执行时机, 使用addEventListener为元素同时注册多个事件,事件参数"中已经有了一个跨浏览器的事件处理机制。现在需要使用这个事件处理机制为页面元素注册事件方法。 □ 点击页面任何部分触发事件创建一个script1.js文件。(function() {eventUtility.addEvent(document, "click", function(evt) {alert(‘hello‘);}); }()); 页面部分。<head> <meta http-equiv="Content-Type" content="text/html; ...

Javascript----input事件实现动态监听textarea内容变化【代码】【图】

1、代码<!DOCTYPE html> <html><head><title>textarea输入文字监听</title> </head><body><textarea id=‘text‘ maxlength="50" style="width: 400px; height: 200px;"></textarea><span id=‘sp‘></span><script type="text/javascript">var val = document.getElementById("text");var tar = document.getElementById(‘sp‘);console.log(tar);val.addEventListener("input", function(e) {var t = this.value;console.log(t)...

javascript 事件绑定【代码】【图】

一、最简单和向后兼容性最好的事件绑定方法是把事件绑定到元素标识的属性。事件属性名称由事件类型外加一个“on”前缀构成。这些属性也被称为事件处理器<INPUT TYPE="text" NAME="first_name" onChange="convertToUpper(this)">或者<INPUT TYPE="text" NAME="first_name" onChange="javascript : js code">或者Dom.onclick = function(e){ //todo }二、js方法绑定事件1、dom对象的attachEvent()方法给该dom元素的事件（该方法仅支...

Javascript高级编程学习笔记（60）—— 事件（4）事件类型

事件类型Web浏览器中可能发生的事件有许多种类型不同类型的事件都有着自己独特的信息在“DOM3级事件”规范中，规定了以下几类事件：UI事件当用户与页面元素交互时触发焦点事件当元素失去或获得焦点时触发鼠标事件当用户通过鼠标在页面上执行操作时触发滚轮事件当使用鼠标滚轮或类似设备时触发文本事件当在文档中输入文本时触发键盘事件当用户通过键盘在页面执行操作时触发合成事件当为IME（输入法编辑...

首页 / JAVASCRIPT / node事件机制解说

node事件机制解说

内容导读

内容图文

内容总结

内容备注

内容手机端

【node事件机制解说】教程文章相关的互联网学习教程文章

NODE - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程