博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
小程序页面之间的通讯利器 - nsevent
阅读量:6847 次
发布时间:2019-06-26

本文共 2217 字,大约阅读时间需要 7 分钟。

这个模块主要的原因是用在微信开发时候监听两个页面之间的状态交互

比如 pageApageB 两个页面, pageA 页面有收藏项 pageB 也有同样的收藏项,监听同一个事件

// 收藏事件改变nsevent.on('collectChange', () => {    // 刷新列表数据})

那么在 pageA 页面操作 collect(收藏) 事件会触发自身页面 collectChange 回调,这时候就派上用场,

pageA 这样声明

// 收藏事件改变nsevent.on('collectChange', () => {    // 刷新列表数据}, 'pageA')

pageB 触发 pageA 的事件,就不会触发自身页面的回调了

// 触发collectChange事件NSEvent.emit('collectChange', params, { ns: ['pageA'] });

还可以在 pageC 触发 pageA, pageB页面的 collectChange 事件

// 触发collectChange事件NSEvent.emit('collectChange', params, { ns: ['pageA', 'pageB'] });

nsevent document

有命名空间的事件监听器 - event emitter with namespace

安装和使用

npm i nsevent --save
const nsevent = require('nsevent');
// 浏览器

on(eventName, fn, namespace)

参数 必选 说明
eventName 监听事件名
fn 回调函数
namespace 命名空间
NSEvent.on('add', (a, b) => {  console.log(a, b);});NSEvent.on('add', (a, b) => {  console.log(a, b, 'ns');}, 'ns');// 1, 2// 1, 2, 'ns'NSEvent.emit('add', a, b);

once(eventName, fn)

参数 必选 说明
eventName 监听事件名
fn 回调函数
NSEvent.once('add', (a, b) => {  console.log(a, b);});NSEvent.emit('add', 1, 2);      // 1, 2NSEvent.emit('add', 1, 2);      // nothing

emit(eventName, arg1, arg2, ..., object)

参数 必选 说明
eventName 监听事件名
arg[1,2,3...] 传递给回调函数的值
object { 最后一个传递对象,ns: ['ns'] } 可以指定命名空间触发事件
NSEvent.on('fire', () => {  console.log('fire ns');}, 'ns');NSEvent.on('fire', () => {  console.log('fire ns2');}, 'ns');NSEvent.on('fire', () => {  console.log('fire');});NSEvent.emit('fire');     // fire ns, fire ns2, fireconsole.log("======");NSEvent.emit('fire', 1, 2, { ns: [] });     // nothingNSEvent.emit('fire', 1, 2, { ns: ['ns'] }); // fire ns, fire ns2

off(eventName, [string|function|array])

参数 必选 说明
eventName 监听事件名
string function array 解绑回调函数
string 指定命名空间解绑
function 指定函数解绑
array 通过数组指定命名空间或者函数解绑
const NSEvent = require('../dist/nsevent.cjs');NSEvent.on('fire', () => {  console.log('fire ns');}, 'ns');NSEvent.on('fire', () => {  console.log('fire ns');}, 'ns');NSEvent.on('fire', () => {  console.log('fire1');}, 'ns1');NSEvent.emit('fire');   // fire ns, fire ns, fire1console.log('==========');NSEvent.off('fire', ['ns']);NSEvent.emit('fire');   // fire1console.log('==========');NSEvent.off('fire', 'ns1');NSEvent.emit('fire');   // none

转载地址:http://uflul.baihongyu.com/

你可能感兴趣的文章
C#操作注册表
查看>>
2013年1月第2个周末
查看>>
mysql cluster (mysql 集群)安装配置方案
查看>>
通过函数遍历文件夹(包含子目录)
查看>>
我的书单
查看>>
设置控件全局显示样式appearance proxy
查看>>
九、Oracle的权限和角色管理
查看>>
vmware linux上网
查看>>
Linux常用命令(整理)
查看>>
企业搜索引擎开发之连接器connector(三)
查看>>
css 网站布局实录文摘
查看>>
Slide:如何安装Oracle one-off 临时小补丁及注意事项 by Maclean.liu
查看>>
分享:Linux C 文件打开数量限制(文件描述符)
查看>>
Ubuntu添加自己的桌面快捷方式
查看>>
财付通 商户证书pfx转pem(转)
查看>>
SQL 中判断 纯数字
查看>>
MSMQ(消息队列)—基础篇
查看>>
Microsoft SQL Server Integration Service文章总结
查看>>
EM310,AT指令之_文本和PDU短信解析
查看>>
JUnit中的设计模式:组合模式 Composite
查看>>