当前位置：首页 > news >正文

新乡正规网站建设哪家便宜广宗网站建设

news 2025/11/6 12:16:55

新乡正规网站建设哪家便宜,广宗网站建设,腾讯企业邮箱登录入口微信扫码,wordpress制作友情链接页面需求背景： 在开发过程中，肯定会出现触发特定事件，需要全局进行通知，与之相关的部分进行执行相应的修改方法。举个例子：修改了用户个人昵称，需要进行全局通知，在涉及昵称的部分收到通知后&#…

需求背景：

在开发过程中，肯定会出现触发特定事件，需要全局进行通知，与之相关的部分进行执行相应的修改方法。举个例子：修改了用户个人昵称，需要进行全局通知，在涉及昵称的部分收到通知后，进行重新调用个人信息接口

EventHub模块介绍

在ArkTs中，EventHub提供这个对应功能，如下是在官方文档中的介绍:

EventHub模块提供了事件中心，提供订阅、取消订阅、触发事件的能力

实践操作

1.模块化处理

在官方文档中介绍，每次使用EventHub功能前，需要通过Ability实例的成员变量context获取
所以为了简便使用方法，以及使用统一一个EventHub模块，所以我将其方法进行模块化处理

/// EventHubUtil.ets
let context = getContext(this)
let eventhub = context.eventHubexport class EventHubUtil {/// 订阅事件static on(eventName: string, callback: Function) {eventhub.on(eventName, callback)}/// 取消订阅事件static off(eventName: string, callback?: Function) {eventhub.off(eventName, callback)}/// 触发事件static emit(eventName: string, ...params: Object[]) {eventhub.emit(eventName, params)}
}

2.订阅指定事件

在我需要订阅、监听指定事件是否发生时，具体操作方法：
ps:下方均以需要更新用户个人信息为例
在用户信息修改后，外部页面也需要进行更改用户信息的地方进行事件监听

EventHubUtil.on('updateUserInfo', () => {this.requestUserInfo()})EventHubUtil.on('withParams', this.LogParams})LogParams(param1, param2) {console.log('LogParams is called,' + param1 + ',' + param2)
}

‘updateUserInfo’: 订阅事件名
() => {this.requestUserInfo()：匿名函数，是在收到事件通知后，执行匿名函数对应内容方法
this.LogParams: 带参数自定义方法，收到事件通知后，获取对应参数，执行该方法

3.取消订阅指定事件

在页面销毁时，对应的订阅事件也需要进行销毁，以减少系统资源消耗

aboutToDisappear() {EventHubUtil.off('updateUserInfo', () => {this.requestUserInfo()})EventHubUtil.off('withParams', this.LogParams})
}LogParams(param1, param2) {console.log('LogParams is called,' + param1 + ',' + param2)
}

此处同理：
‘updateUserInfo’: 订阅事件名
() => {this.requestUserInfo()：匿名函数
this.LogParams: 带参数自定义方法

4. 触发指定事件

在我需要进行触发指定事件时执行的方法
在例子中则为成功修改了用户信息时，进行触发指定事件，以达到通知其他订阅事件处进行信息修改

// 修改用户个人信息请求
HttpApiManager.getInstance().updateUserInfo(new UserInfoBean(null, text)).then((data: UserInfoBean) => {this.userInfo = data// 触发更新用户信息事件EventHubUtil.emit('updateUserInfo')ToastUtil.getInstance().showToast('修改成功')}).catch(error => {ToastUtil.getInstance().showToast(error.message)})// 带参数方法事件触发
EventHubUtil.emit('withParams', 111, 222)
EventHubUtil.emit('withParams', 111)
// 触发后数据打印：
'LogParams is called, 111, 222'
'LogParams is called, 111, undefined'