微信小程序开发监听器教程

事件监听在开发中经常会用到，在编程语言中，监听器是一个专门用于对其他对象身上发生的事件或状态改变进行监听和相应处理的对象，当被监视的对象发生情况时，立即采取相应的行动。监听器的特点是被动触发，而且触发事件执行是即时的。小程序开发中也有这样一个处理事件机制，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，而是在对象中继承它。包括 fs、net、 http在内的，只要是支持事件响应的核心模块都是EventEmitter的子类。这样做的好处在于具有某个实体功能的对象实现事件符合语义，事件的监听和发射应该是一个对象的方法。其次js的对象机制是基于原型的，支持部分多重继承，继承EventEmitter不会打乱对象原有的继承关系。

该教程来源于小程序资讯，更多开发教程请关注小程序开发教程

微信小程序开发监听器教程相关推荐

微信小程序开发系列教程三：微信小程序的调试方法
微信小程序开发系列教程微信小程序开发系列一:微信小程序的申请和开发环境的搭建微信小程序开发系列二:微信小程序的视图设计这个教程的前两篇文章,介绍了如何用下图所示的微信开发者工具自动生成一个Hel ...
微信小程序开发基础教程
文章目录 1.什么叫做微信小程序 2.微信小程序开发功能特点 3.微信小程序开发流程 3.1 微信公众平台注册 3.2 微信开发者工具下载 3.3 微信开发者工具界面上的基本功能介绍 3.3.1 开发 ...
视频教程-微信小程序开发培训教程-微信开发
微信小程序开发培训教程本人计算机专业,毕业工作已经10多年,从事过的行业有,安防,通讯,Gps定位,信息统计分析,互联网电商等,从事过的职位. 代码工程师(使用过的语言C#,PHP,Java),Ap ...
微信小程序开发优秀教程及文章合集第一期
2019独角兽企业重金招聘Python工程师标准>>> 我会不定期的选取一些优质教程,整理成辑,以便大家集中阅读: 新手向!微信小程序开发手记系列: 微信小程序开发手记<一&g ...
如何开发一个个人微信小程序，微信小程序开发入门教程
做任何程序开发要首先找到其官方文档,我们先来看看其有哪些官方文档. 微信小程序开发文档链接为:https://mp.weixin.qq.com/debug/wxadoc/dev/index.html, ...
微信小程序开发入门教程（一）
背景作为一个程序猿需要不断的充实自己,不仅要追求知识的深度,也要追求知识的广度,我也一直在这条路上践行,主要学习会让我变得专注,我非常喜欢这样的感觉,学习微信小程序开发也是兴趣使然,希望拿微信小程序 ...
微信小程序开发入门教程-小程序账号注册及开通
17年小程序开始公测,经过5年的发展,无论从组件.开发工具.api.生态.社区,都已经发展的非常成熟了.如果17年年初你看小程序,觉得无需安装即用即走还是一个理念的话.站在今天看过去,往往是先提出一个 ...
微信小程序开发入门教程（十）
背景前几篇文章我们已经学习了WXML相关的数据绑定与几种渲染方式,还学习了与WXSS相关的样式绑定.浮动定位和Flex布局,其中无论是WXML的页面布局还是WXSS的样式都是基于元素而言的,而这些元 ...
微信小程序开发入门教程（七）
背景前两篇文章我们学习了WXML的相关内容,了解了WXML的数据绑定.条件渲染.列表渲染.模版和事件,这些已经基本涵盖理WXML所能提供的全部能力.然而WXML与我们直接交互的微信小程序页面还有一定 ...

微信小程序开发监听器教程

微信小程序开发监听器教程相关推荐

最新文章

热门文章