鸿蒙Next开发-普通函数和箭头函数 this指向的区别以及对UI刷新的影响

问题场景 

在项目中使用如下代码订阅全局事件

AppUtil.getContext().eventHub.on('theme', this.eventFunc);
eventFunc(theme:number){ this.xxx }//普通方法

这样实现this 的指向是调用该方法的对象即AppUtil,则不会触发UI的刷新

,找原因找半天原来是this 的问题 还以为是@State的注解使用有问题
正确使用方法如下
AppUtil.getContext().eventHub.on('theme', (t:number)=>{//这里需要使用箭头函数自动继承上下文的this 如果使用普通函数this指向的是调用该方法的对象即AppUtil,则不会触发UI的刷新。  this.xxx= t});
使用箭头函数后刷新UI正常了。

总结回顾 

在鸿蒙应用开发(基于ArkTS,即TypeScript的超集)中,普通函数和箭头函数的this指向行为

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值