1. 背景

今天在群里看到小伙伴遇到@ObservedV2的类实例目前不支持使用JSON.stringify进行序列化,这个问题其实官方有讲到https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-new-observedv2-and-trace-V5#%E6%A6%82%E8%BF%B0@ObservedV2装饰器概述,但是不知道为啥不解决。

2. 原因

@ObservedV2装饰器 修饰的类中会将所有属性代理一遍,前缀会拼接__ob_前缀,导致JSON.stringify 输出的属性全部拼接__ob_

img

img

img

img

3. 解决办法

封装一个方法,遍历类中的所有属性,判断如果属性前缀有__ob_ ,则去除__ob_,代码如下

//注意:因为使用了一些ets不支持的语法,需要新建一个JSONUtils.ts 来绕过ets的lint
export class JSONUtils { 
  static stringifyTraceObj(data: any): string {
    const renameObKeys = (obj) => {
      if (Array.isArray(obj)) {
        return obj.map(item => renameObKeys(item));
      } else if (typeof obj === 'object' && obj !== null) {
        return Object.keys(obj).reduce((acc, key) => {
          const newKey = key.startsWith('__ob_') ? key.slice(5) : key;
          acc[newKey] = renameObKeys(obj[key]);
          return acc;
        }, {});
      }
      return obj;
    };
    return JSON.stringify(renameObKeys(data))
  }
}

img

4. 注意

stringifyTraceObj 只是我临时写的代码,实际没有在业务中正式使用,大家可根据自己的业务,继续完善,例如:涉及到类嵌套类的场景,使用plainToInstance 的场景、等等。

Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐