JS在线运行

版本:
运行结果
教程手册
代码仓库
极速运行
交互输入
极速运行模式,更高效的运行,点击编辑器上方的运行按钮即刻体验吧。
以下是用户最新保存的代码
nodejs function 发布于:2022-09-28 10:52 Promise 高级考核;不计原理,计原理产生的效果;原理太懵逼; 发布于:2022-09-24 20:23 测试 grok-js 发布于:2022-09-23 15:14 获取案件服务人员分支机构、部门信息 发布于:2022-09-22 14:06 将平行结构数据转为树形结构 发布于:2022-09-22 09:19 js 获取 url 的某个参数 发布于:2022-09-21 16:26 股票报价js 发布于:2022-09-20 18:05 JS call()方法 发布于:2022-09-20 14:46 JS 深拷贝 发布于:2022-09-20 14:26 测试Vue-Quill-Editor 发布于:2022-09-20 14:11 员工排序js版 发布于:2022-09-19 16:09 给你一个字符串 s,请你返回 两个相同字符之间的最长子字符串的长度 ,计算长度时不含这两个字符。如果不存在这样的子字符串,返回 -1 。 子字符串 是字符串中的一个连续字符序列。 发布于:2022-09-28 11:16 看代码说出运行结果 发布于:2022-09-17 09:48 哔哩哔哩密码逆向 发布于:2022-09-16 21:16 临时数据处理 发布于:2022-09-16 16:18 实现一个插入排序 发布于:2022-09-16 00:16 手动实现一个Array的sort 发布于:2022-09-16 00:01 给你一个整数数组 arr ,请你删除最小 5% 的数字和最大 5% 的数字后,剩余数字的平均值。 与 标准答案 误差在 10-5 的结果都被视为正确结果。 发布于:2022-09-15 17:14 // 给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target  的那 两个 整数, // 并返回它们的数组下标。 发布于:2022-09-15 17:01 实现一个控制并发的Scheduler调度器 addTask(1000,"1"); addTask(500,"2"); addTask(300,"3"); addTask(400,"4"); 的输出顺序是:2 3 1 4 整个的完整执行流程: 一开始1、2两个任务开始执行 500ms时,2任务执行完毕,输出2,任务3开始执行 800ms时,3任务执行完毕,输出3,任务4开始执行 1000ms时,1任务执行完毕,输出1,此时只剩下4任务在执行 1200ms时,4任务执行完毕,输出4 发布于:2022-09-15 16:50 测试一些JS知识点 发布于:2022-09-15 13:36 trans(123456) —— 十二万三千四百五十六 trans(100010001)—— 一亿零一万零一 发布于:2022-09-15 16:15 根据项目业务需求,进行以下两种格式的互相转换 例如 let arr=[1,2,3,4,5] let arr2=null let arr3 = ['a','b'] format_data({q:arr,w:arr2,e:arr3}) [ { q: 1, w: null, e: 'a' }, { q: 2, w: null, e: 'b' }, { q: 3, w: null, e: null }, { q: 4, w: null, e: null }, { q: 5, w: null, e: null } ] 发布于:2022-09-14 14:36 防抖和节流 发布于:2022-09-13 11:06 递归实现斐波那契数列 发布于:2022-09-12 17:41 反直觉 数组操作 发布于:2022-09-11 11:21 数组所有组合的算法 发布于:2022-09-11 10:01 复选框全选与取消 发布于:2022-09-09 23:43 让对象按数组迭代 发布于:2022-09-09 16:54 使用JS实现一个单链表的类 发布于:2022-09-09 15:44 找出字符串中出现次数最多的字符及次数 发布于:2022-09-09 12:03 字符串中a出现的位置及次数 发布于:2022-09-09 11:46 js数组去重 发布于:2022-09-09 11:29 斐波那契数列 // F(0)=0,F(1)=1, F(n)=F(n - 1)+F(n - 2) 斐波那契数列的memoization优化 发布于:2022-09-14 17:23 扁平数组转tree 发布于:2022-09-08 15:29 扁平数据转为tree(只能处理一层) 发布于:2022-09-08 14:56 封装localStorage 发布于:2022-09-08 14:46 jq.on原理实现 发布于:2022-09-07 00:42 实现一个对象拍平 发布于:2022-09-06 00:27 使用proxy实现一个对象属性的双向绑定 发布于:2022-09-05 17:17 遍历一次将扁平数据转为tree 发布于:2022-09-05 19:02 this指向,手写bind、call、apply、new 发布于:2022-09-04 21:07 字符串是有括号组成,判断内容是否为有效内容 发布于:2022-09-04 00:29 自己实现一个new 发布于:2022-09-03 17:09 使用renduce实现一个map、filter 发布于:2022-09-03 12:06 Js 使用reduce实现一个map 发布于:2022-09-02 00:12 JS实现一个观察者模式 发布于:2022-09-02 00:07 学习倾国每日答题多选题 发布于:2022-09-01 18:29 加密工具箱 发布于:2022-09-01 17:00 一大堆数里面找到一个和数值A最接近的数 发布于:2022-09-01 15:14 [更多]
显示目录

事件



Node.js 事件

Node.js 所有的异步 I/O 操作在完成时都会发送一个事件到事件队列。

Node.js 里面的许多对象都会分发事件:一个net.Server对象会在每次有新连接时分发一个事件, 一个fs.readStream对象会在文件被打开的时候发出一个事件。 所有这些产生事件的对象都是 events.EventEmitter 的实例。 你可以通过require("events");来访问该模块。

下面我们用一个简单的例子说明 EventEmitter 的用法:

//event.js 
var EventEmitter = require('events').EventEmitter; 
var event = new EventEmitter(); 
event.on('some_event', function() { 
    console.log('some_event occured.'); 
}); 
setTimeout(function() { 
    event.emit('some_event'); 
}, 1000);

运行这段代码,1秒后控制台输出了 'some_event occured'。其原理是 event 对象注册了事件 some_event 的一个监听器,然后我们通过 setTimeout 在1000毫秒以后向 event 对象发送事件 some_event,此时会调用 some_event 的监听器。


EventEmitter介绍

events 模块只提供了一个对象: events.EventEmitter。EventEmitter 的核心就 是事件发射与事件监听器功能的封装。

EventEmitter 的每个事件由一个事件名和若干个参 数组成,事件名是一个字符串,通常表达一定的语义。对于每个事件,EventEmitter 支持 若干个事件监听器。

当事件发射时,注册到这个事件的事件监听器被依次调用,事件参数作 为回调函数参数传递。

让我们以下面的例子解释这个过程:

var events = require('events'); 
var emitter = new events.EventEmitter(); 
emitter.on('someEvent', function(arg1, arg2) { 
    console.log('listener1', arg1, arg2); 
}); 
emitter.on('someEvent', function(arg1, arg2) { 
 console.log('listener2', arg1, arg2); 
}); 
emitter.emit('someEvent', 'byvoid', 1991);

运行的结果是:

listener1 byvoid 1991 
listener2 byvoid 1991

以上例子中,emitter 为事件 someEvent 注册了两个事件监听器,然后发射了 someEvent 事件。运行结果中可以看到两个事件监听器回调函数被先后调用。 这就是EventEmitter最简单的用法。

EventEmitter常用的API

EventEmitter.on(event, listener)、emitter.addListener(event, listener) 为指定事件注册一个监听器,接收一个字符串 event 和一个回调函数 listener。

server.on('connection', function (stream) {
  console.log('someone connected!');
});

EventEmitter.emit(event, [arg1], [arg2], [...]) 发射 event 事件,传 递若干可选参数到事件监听器的参数表。

EventEmitter.once(event, listener) 为指定事件注册一个单次监听器,即 监听器最多只会触发一次,触发后立刻解除该监听器。

server.once('connection', function (stream) {
  console.log('Ah, we have our first user!');
});

EventEmitter.removeListener(event, listener) 移除指定事件的某个监听 器,listener 必须是该事件已经注册过的监听器。

var callback = function(stream) {
  console.log('someone connected!');
};
server.on('connection', callback);
// ...
server.removeListener('connection', callback);

EventEmitter.removeAllListeners([event]) 移除所有事件的所有监听器, 如果指定 event,则移除指定事件的所有监听器。


error 事件

EventEmitter 定义了一个特殊的事件 error,它包含了"错误"的语义,我们在遇到 异常的时候通常会发射 error 事件。

当 error 被发射时,EventEmitter 规定如果没有响 应的监听器,Node.js 会把它当作异常,退出程序并打印调用栈。

我们一般要为会发射 error 事件的对象设置监听器,避免遇到错误后整个程序崩溃。例如:

var events = require('events'); 
var emitter = new events.EventEmitter(); 
emitter.emit('error');

运行时会显示以下错误:

node.js:201 
throw e; // process.nextTick error, or 'error' event on first tick 
^ 
Error: Uncaught, unspecified 'error' event. 
at EventEmitter.emit (events.js:50:15) 
at Object. (/home/byvoid/error.js:5:9) 
at Module._compile (module.js:441:26) 
at Object..js (module.js:459:10) 
at Module.load (module.js:348:31) 
at Function._load (module.js:308:12) 
at Array.0 (module.js:479:10) 
at EventEmitter._tickCallback (node.js:192:40)

继承 EventEmitter

大多数时候我们不会直接使用 EventEmitter,而是在对象中继承它。包括 fs、net、 http 在内的,只要是支持事件响应的核心模块都是 EventEmitter 的子类。

为什么要这样做呢?原因有两点:

首先,具有某个实体功能的对象实现事件符合语义, 事件的监听和发射应该是一个对象的方法。

其次JavaScript 的对象机制是基于原型的,支持 部分多重继承,继承 EventEmitter 不会打乱对象原有的继承关系。

由JSRUN为你提供的JS在线运行、在线编译工具
        JSRUN提供的JS在线运行,JS 在线运行工具,基于linux操作系统环境提供线上编译和线上运行,具有运行快速,运行结果与常用开发、生产环境保持一致的特点。

title

使用此草稿 删除草稿

  • 00:23
注册登录后可减少验证码的弹出,点击前往 注册 | 登录

皮肤:

运行模式:

嵌入代码 iframe嵌入:


服务器已安装大部分常用的第依赖库,但仍可能存在一些未被安装的库, 可以通过本窗口立即安装所需依赖库。


请输入依赖库的名称:

请选择语言: