问题场景
在项目中使用如下代码订阅全局事件
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
指向行为