JS在线运行

版本:
运行结果
教程手册
代码仓库
极速运行
终端运行
图形+终端

                        
以下是用户最新保存的代码
实现wifi断线重连。需运行开源程序hummingbird。下载地址:(https://gitee.com/QdbcShen/hummingbird/) 发布于:2023-09-21 10:07 事件循环 代码执行顺序 发布于:2023-09-21 09:34 第三周选择排序 发布于:2023-09-20 21:23 找出1-10能被3整除的数 发布于:2023-09-20 19:43 冒泡排序,选择排序 发布于:2023-09-19 17:15 处理排序问题 发布于:2023-09-19 01:12 js 类的创建 发布于:2023-09-18 22:55 相应式(3) 嵌套的副作用函数 发布于:2023-09-17 13:56 响应式 (2) 分支切换和cleanup 发布于:2023-09-17 13:56 js调用CryptoJS解密 发布于:2023-09-16 00:24 相对路径转为绝对路径----ico相对路径、绝对路径转换(二) 发布于:2023-09-19 17:46 相对路径转为绝对路径(一) 发布于:2023-09-19 17:45 / 对版本数组 arr = ["2.0", "1.2.1", "1.3"] 进行升序,并计算圈复杂度 发布于:2023-09-14 20:26 JS实现嵌套对象的扁平化 发布于:2023-09-13 11:29 在有限整数序列中找到最大值的算法 发布于:2023-09-12 09:09 给定两个不等于0的整数M和N,求M和N的最大公约数 发布于:2023-09-11 23:03 设计模式实现 发布于:2023-09-12 20:47 给定两个不等于0的整数M和N,求M和N的最大公约数 发布于:2023-09-10 20:14 第三题:求两数之间的公约数 发布于:2023-09-09 20:17 在有限整数序列中找到最大值的算法 发布于:2023-09-09 19:59 temu 自动添加发货台 发布于:2023-09-09 21:40 temu 爬虫 发布于:2023-09-09 20:33 这个是单调盏的使用方法 发布于:2023-09-07 21:58 第一周实验代码 发布于:2023-09-12 20:25 JS求数组最大值 发布于:2023-09-11 15:18 js规格处理2 发布于:2023-09-05 17:53 (最简易版本2)js笛卡尔积生成商品SKU多规格算法 源自:http://www.hzhcontrols.com/new-1286125.html 发布于:2023-09-05 18:18 有限整数序列中找到最大值 发布于:2023-09-10 10:04 js排序测试 发布于:2023-09-02 10:06 # js模块测试 发布于:2023-08-31 18:11 物联js解析 发布于:2023-09-20 18:24 支持并发的调度器, 最多允许2任务进行处理 发布于:2023-08-31 15:18 使用document.documentElement获得html里id为str的元素 发布于:2023-08-30 16:26 [拼多多]高难度模板字符串匹配 发布于:2023-08-29 22:15 // 实现一个run方法,使得run(fucArr)能顺序输出1、2、3 发布于:2023-08-29 17:44 只有最后一次promise会then与reject 发布于:2023-08-29 17:23 各种排序方法集合 发布于:2023-08-29 17:36 防抖和节流 发布于:2023-08-29 15:27 客户报价提交校验产品所处周期 发布于:2023-08-29 17:50 fetch smt 发布于:2023-08-28 18:46 var obj = { x: 1, y: 2, z: 3 }; [...obj]; // TypeError // 能否以某种方式为上面的语句使用展开运算而不导致类型错误 // 如果可以,写出解决方式 发布于:2023-08-29 16:02 用reduce实现map 发布于:2023-08-28 16:54 测试小红书x-sdiam 发布于:2023-08-28 11:49 rt刷题目 发布于:2023-09-04 21:51 timeoutRequest,超时request的async写法 发布于:2023-08-28 16:53 // _.chunk(['a', 'b', 'c', 'd'], 0); // => [] // 数组分块 发布于:2023-08-25 11:43 测试es6的class方法 发布于:2023-08-25 16:19 手写myTrim() 发布于:2023-09-12 21:21 《JavaScript 算法与数据结构》 3.4 一个基于列表的应用 发布于:2023-08-24 22:43 手写模板字符串 发布于:2023-08-23 18:11 [更多]
显示目录

事件



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操作系统环境提供线上编译和线上运行,具有运行快速,运行结果与常用开发、生产环境保持一致的特点。