首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Node事件循环之EventEmitter

所有这些产生事件的对象都是 events.EventEmitter 的实例。 EventEmitter简介 events 模块只提供了一个对象: events.EventEmitter。...EventEmitter 的核心就是事件触发与事件监听器功能的封装,可以通过require(“events”);来访问该模块。...= new events.EventEmitter(); EventEmitter 对象如果在实例化时发生错误,会触发 error 事件;当添加新的监听器时,newListener 事件会触发,当监听器被移除时...$ node event.js some_event 事件触发 EventEmitter 的每个事件由一个事件名和若干个参数组成,事件名是一个字符串,通常表达一定的语义。...对于每个事件EventEmitter 支持 若干个事件监听器。当事件触发时,注册到这个事件事件监听器被依次调用,事件参数作为回调函数参数传递。

36430
您找到你想要的搜索结果了吗?
是的
没有找到

事件冒泡与事件捕获

javascript 的事件捕获事件冒泡之前一直没能弄明白,知道看到一个例子。...利用丢一颗石头入水的例子,就能够非常形象了,如图所示: 事件捕获事件冒泡就像是一颗石头(点击事件)投入水中: 首先是最外层水面(html)接触(捕获)石头,然后石头下沉,内层的水(body/dom...点击可查看示例 去示例中试一试便清楚了~ 处理事件 理解了事件捕获和冒泡机制,对于事件处理就好办了。...监听事件 /** * @param { event } 事件 * @param { functionEvent } 事件处理函数 * @param { capture } 是否在捕获阶段触发事件...,比如是在‘石头’下沉或者‘气泡’冒泡的过程中使之突然消失 事件代理: 从上面事件机制可以看出,如果没有外部干扰,在子节点上触发的事件,在捕获和冒泡最终都会经过父节点 因此,我们可以将事件处理函数绑定在父节点上面

1.7K10

Node.js 的 EventEmitter 事件处理详解

本文涵盖了关于 EventEmitter 类的所有内容。 什么是事件? 当今事件驱动的体系结构非常普遍,事件驱动的程序可以产生、检测和响应各种事件。...这些事件通常是彼此独立的,尽管它们也可能是相互依赖的。 什么是EventEmitterEventEmitter 类是 Node.js 的内置类,位于 events 模块。...创建 EventEmitter 对象 先从一个简单的例子开始:创建一个 EventEmitter,它每秒发出一个含有程序运行时间信息的事件。...例如可以像这样发出错误事件: myEventEmitter.emit('error', new Error('出现了一些错误')); error 事件的侦听器都应该有一个带有一个参数的回调,用来捕获...使用 EventEmitter 的原生模块 Node.js 中许多原生模块扩展了EventEmitter 类,因此它们本身就是事件发射器。 一个典型的例子是 Stream 类。

1.6K20

JVM 如何处理捕获异常

继之前的文章 详解JVM如何处理异常,今天再次发布一篇比较关联的文章,如题目可知,今天聊一聊在JVM中线程遇到捕获异常的问题,其中涉及到线程如何处理捕获异常和一些内容介绍。...什么是捕获异常 捕获异常指的是我们在方法体中没有使用try-catch捕获的异常,比如下面的例子 1 2 3 4 5 6 7 private static void testUncaughtException...,它不符合本文对于捕获异常的定义 NullPointerException 由于我们没有catch住,就变成了我们要聊的捕获异常 另外,捕获异常实际是Unchecked Exceptions的子集...捕获异常处理者 设置指南 ?...线程发生了捕获异常,JVM怎么处理 分发Throwable实例 当线程A中出现了捕获异常时,JVM会调用线程A的dispatchUncaughtException(Throwable)方法 1 2

1.5K30

事件流、事件捕获事件冒泡的介绍

事件流、事件捕获事件冒泡的介绍 最近有用到对应的场景,下班了特地来整理下响应的概念,巩固下知识。 我们在点击页面时,事件发生时会在各元素节点按照一定的顺序进行传播,这种传播过程就称作事件流。...事件流分为三个阶段: 1、事件捕获阶段 事件从window发出,不断向子元素寻找对应的目标节点 2、事件目标阶段 事件找到了对应的目标节点,即此时再往下已经没有对应的节点 3、事件冒泡阶段 事件从节点位置网上回溯到文档的根节点..."); }, true); // 对应的打印结果 body 事件捕获 test.html:37 container 事件捕获 test.html...:26 btn 事件捕获 test.html:23 btn 事件冒泡1 test.html:29 btn 事件冒泡2 test.html:34 container 事件冒泡 test.html:15 body...事件冒泡 可以看到,都是先触发捕获再触发冒泡事件,先从body(上)到btn(下),再从btn(下)到body(上)。

1.3K00

事件捕获、冒泡、委托

事件具有冒泡流和捕获流,两者刚好是反着来。 JavaScript原声监听事件addEventListener,接收两个参数,一个是方法,一个是布尔值,指定事件是否在捕获或冒泡阶段执行。...所以我们可以很直观的打印输出事件的冒泡和捕获两个过程。 ? 输出顺序是body 捕获、test 捕获、test 冒泡、body 冒泡。...输出顺序是body 捕获、test onclick 、test 冒泡、test 捕获、body 冒泡,但是事件还是需要遵循外层事件捕获了,目标函数才能执行。...如果我在body捕获阶段就阻止了事件流,那么目标函数是不会执行的。 ? 只输出body 捕获。...对于事件,在事件捕获或者事件冒泡阶段处理并没有明显的优劣之分,但是由于事件冒泡被所有主流的浏览器兼容,从兼容性角度来说还是建议大家使用事件冒泡模型。这就是事件捕获、冒泡、委托。

1K10

JS的事件冒泡和捕获

事件机制 ---- 事件触发三个阶段: window往事件触发处传播,遇到注册的捕获事件会触发 传播到事件触发处时触发注册的事件事件触发处往window传播,遇到注册的冒泡事件会触发 事件触发一般会按照...event model |------------------------------------------- 但是有一个特例:如果给body中的子节点同时注册冒泡和捕获事件...'}, true) 当点击innner元素时,如下元素发生了: 点击事件开始于捕获阶段,在此阶段浏览器会在所有祖先元素上查找点击事件处理函数(从document开始) 结果找到了2个,分别在document...和outer上面,而且这两个事件处理函数的useCapture选项为true,说明他们被注册在捕获阶段的。...于是,document和outer的点击处理函数被执行 继续向下寻找,直到到达inner元素本身,捕获阶段就此结束。

2.5K20

事件监听函数,以及事件捕获和冒泡机制

事件经过的所有节点都会受到事件的影响,这个传播过程被称为DOM事件流 true是捕获,false是冒泡,默认为冒泡事件 1.addEventListener()--添加事件监听函数 给元素添加一个事件...3.利用事件捕获和冒泡做点事情 addEventListener()和removeEventListener()其实拥有三个参数,刚才说过了,第一个表示触发条件,第二个表示触发事件,第三个参数正常情况下可以省略...,但是要知道它代表的意思 用布尔值来表示,true或者false,默认是false true表示在捕获阶段调用事件处理程序 false表示在冒泡阶段调用事件处理程序 根据图片可以看出,捕获阶段要先于冒泡阶段...2.缺点:一个元素只能绑定一个事件处理函数,只会在事件冒泡中运行 DOM2级事件处理程序 该级别的事件处理程序,运用的就是事件捕获和冒泡机制 测试...function() { alert("DOM2级事件处理程序,我在捕获阶段执行"); }, true); btn.addEventListener("click",

1.2K10

JS事件,你真的懂吗(捕获,冒泡)?

说到js事件大家肯定都知道,那么今天讲一点大家不知道的(假设大家不知道?)。 所有的js事件都会分为两个阶段捕获和冒泡。...那么问题来了,我们通常看到的事件都是直接触发之后就执行了,那么我们怎么才能看到事件捕获和冒泡都是怎么进行的呢,这里给大家准备了一个例子 addEventListener() 例子之前首先给大家简单介绍一下...true表示监听事件捕获阶段,false表示监听事件的冒泡阶段。 返回值 没有返回值 示例: <!...其次是inner捕获阶段 然后是inner冒泡阶段 最后是outer冒泡阶段 由此我们可以看到,事件触发的时候实际上都是有捕获和冒泡阶段的,并且捕获阶段会从最外层的父级元素开始捕获,一直捕获到最后触发事件的那个元素点才会停止...并且事件的触发是先捕获,在冒泡。 阻止事件冒泡 事件的冒泡会让我们实现某些功能的时候产生阻碍,那么我们怎么怎么阻止事件的冒泡呢,这个时候就会用到一个方法。

2.3K20

【node不完全指西】EventEmitter事件发布订阅模式)解析

从node异步编程解决方案说起吧: 事件发布/订阅模式 Promise/deferred模式 流程控制库 事件发布/订阅模式 事件监听器模式是一种广泛运用于异步编程的模式,是回调函数的事件话,又称发布/...主要实现的几个功能包括 on remove once emit 废话少说,我们来简单的实现一个事件监听函数吧 首先创建一个eventEmitter函数 function EventEmitter() {...= 10; // 同on方法 EventEmitter.prototype.addListener = EventEmitter.prototype.on; // 返回监听的事件EventEmitter.prototype.eventNames..._events[type] = [cb]; } // 监听的事件不能超过了设置的最大监听数 if (this....= EventEmitter.prototype.on; // 返回监听的事件EventEmitter.prototype.eventNames = function () { return

67630

JS事件流、事件冒泡、阻止冒泡、事件捕获(一看就懂)

事件冒泡 、阻止冒泡 和 事件捕获 之前先说说什么是事件流,这样会更容易明白 一、事件事件流 1、什么是事件 事件是可以被 JavaScript 侦测到的行为。...一个完整的JS事件流是从window开始,最后回到window的一个过程。 事件流被分为三个阶段(1~ 5)捕获过程、(5~ 6)事件触发过程、(6~ 10)冒泡过程。...讲事件捕获之前先了解下addEventListener()方法: addEventListener()定义与用法 document.addEventListener() 方法用于向文档添加事件句柄。...布尔值,指定事件是否在捕获或冒泡阶段执行。 可能值: true - 事件句柄在捕获阶段执行 false - 默认。...事件句柄在冒泡阶段执行 从上面的表格中,可以看到参数值useCapture,为true的时候,事件捕获过程中就会执行。

12.8K64

深入理解JavaScript中的事件传播机制:事件冒泡和事件捕获

前言在JavaScript中,事件冒泡和事件捕获是两种不同的事件传播方式。当一个事件被触发时,它会从最内层的元素开始,然后逐级向外传播,直到最外层的元素。...这是因为事件从按钮开始向外传播,然后经过内部div和外部div,直到它到达文档的最外层。事件捕获事件捕获是指当一个事件被触发时,它会从最外层的元素开始,然后逐级向内传播,直到最内层的元素。...这是因为事件从文档的最外层开始向内传播,然后经过外部div、内部div和按钮,直到它到达按钮。事件冒泡和事件捕获的区别事件冒泡和事件捕获的主要区别在于它们的传播方向。...相反,事件捕获会先触发文档的事件,然后是它的父元素的事件,以此类推,直到它到达按钮。另一个区别是事件处理程序的执行顺序。...下面是一个例子,演示如何使用事件冒泡和事件捕获:<!

1.4K21
领券