小程序制作中如何使用事件监听器?

2018-05-03 15:59

摘要:监听器是用于对其他对象身上发生的事件或状态改变进行监听和相应处理的对象,小程序开发中也有这样处理机制

事件监听在开发中经常会用到,在编程语言中,监听器是一个专门用于对其他对象身上发生的事件或状态改变进行监听和相应处理的对象,当被监视的对象发生情况时,立即采取相应的行动。监听器的特点是被动触发,而且触发事件执行是即时的。小程序开发中也有这样一个处理事件机制,Node.js所有的异步 I/O 操作在完成时都会发送一个事件到事件队列。Node.js里面的许多对象都会分发事件:一个net.Server对象会在每次有新连接时分发一个事件,一个fs.readStream对象会在文件被打开的时候发出一个事件。所有这些产生事件的对象都是 events.EventEmitter 的实例。那么如何在小程序制作中使用事件监听器?

events 模块只提供了一个对象: events.EventEmitter

EventEmitter的核心就是事件触发与事件监听器功能的封装。

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

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

//event.js 文件

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\',\'arg1 参数\', \'arg2 参数\');


addListener(event,listener) 为指定事件添加一个监听器到监听器数组的尾部。

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

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

小程序制作中如何使用事件监听器

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

它接受两个参数,第一个是事件名称,第二个是回调函数名称。

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

setMaxListeners(n)默认情况下, EventEmitters 如果你添加的监听器超过 10 个就会输出警告信息。 setMaxListeners 函数用于提高监听器的默认限制的数量。

listeners(event)返回指定事件的监听器数组。

emit(event,[arg1], [arg2], […]) 按参数的顺序执行每个监听器,如果事件有注册监听返回 true,否则返回 false

类方法中listenerCount(emitter,event)返回指定事件的监听器数量。

监听事件

removeListener从指定监听器数组中删除一个监听器。需要注意的是,此操作将会改变处于被删监听器之后的那些监听器的索引。

event - 字符串,事件名称

listener - 处理事件函数

newListener 该事件在添加新监听器时被触发。

event - 字符串,事件名称

listener - 处理事件函数

error 它包含了错误的语义,我们在遇到 异常的时候通常会触发 error 事件。

error 被触发时,EventEmitter 规定如果没有响 应的监听器,Node.js 会把它当作异常,退出程序并输出错 误信息。我们一般要为会触发 error 事件的对象设置监听器,避免遇到错误后整个程序崩溃。

大多数时候我们不会直接使用 EventEmitter,而是在对象中继承它。包括 fsnet http在内的,只要是支持事件响应的核心模块都是EventEmitter的子类。这样做的好处在于具有某个实体功能的对象实现事件符合语义, 事件的监听和发射应该是一个对象的方法。其次js的对象机制是基于原型的,支持部分多重继承,继承EventEmitter不会打乱对象原有的继承关系。


推荐阅读:微信小程序怎么实现点击切换样式功能

           微信小程序测评

参与讨论

发表评论

扫码添加专属客服即可随时咨询

还可领取小程序推广攻略

咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部