【HarmonyOS NEXT】解决@ObservedV2的类实例不支持JSON.stringify进行序列化的问题

合集 - HarmonyOS 开发之路(6)

1.【HarmonyOS NEXT】获取卸载APP后不变的设备ID2024-05-152.【HarmonyOS NEXT】ArkTs数据类型解析与使用2024-12-163.【HarmonyOS NEXT】ArkTs函数、类、接口、泛型、装饰器解析与使用2024-12-164.【HarmonyOS NEXT】ArkTs 模块的导出和引入2024-12-205.【HarmonyOS NEXT】ArkTS 线程模型解析与使用2024-12-30

6.【HarmonyOS NEXT】解决@ObservedV2的类实例不支持JSON.stringify进行序列化的问题02-12

收起

1. 背景

今天在群里看到小伙伴遇到@ObservedV2的类实例目前不支持使用JSON.stringify进行序列化，这个问题其实官方有讲到@ObservedV2装饰器概述，但是不知道为啥不解决。

2. 原因

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

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))
  }
}

4. 注意

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