HarmonyOS开发,遇到 Object.assign(this, source)报错怎么解决?

最近在升级某个api 9 的鸿蒙项目到api 12,发现项目中较多用到如下图所示这样的代码,然后升级到api12就会编译报错:

Usage of standard library is restricted (arkts-limited-stdlib)。

报错原因

ArkTS 是基于 TypeScript 进行扩展的,虽然大部分 TypeScript 语法和标准库可以使用,但由于 HarmonyOS 平台的特殊性,部分标准库的功能可能无法正常工作,因此对其使用进行了限制。

接下来简单介绍一下这几行代码的作用以及解决办法。

常见用法及语法说明

示例代码
复制代码
class AppInfo {
  constructor(source: Partial<AppInfo>) {
    Object.assign(this, source);
  }
}

// 创建一个 AppInfo 实例
const appInfo = new AppInfo({ name: 'MyApp', version: '1.0' });

// 输出实例的属性
console.log(appInfo.name); // 输出: MyApp
console.log(appInfo.version); // 输出: 1.0
代码整体功能概述

上述代码的主要目的是创建一个 AppInfo 类,动态创建AppInfo实例时,该类的构造函数接收一个 Partial 类型的参数 source,并将 source 对象的所有可枚举属性复制到新创建的 AppInfo 实例中。

首先,定义了一个名为 AppInfo 的类。在 TypeScript 中,类是一种面向对象的编程结构,用于封装数据和行为。

然后,定义了AppInfo的构造函数。

  • constructor 是类的构造函数,当创建 AppInfo 类的实例时,会自动调用这个构造函数。
  • source: Partial 是构造函数的参数,Partial 是 TypeScript的一个工具类型,它的作用是将 AppInfo 类的所有属性都变为可选的。也就是说,source 参数可以包含 AppInfo类的部分或全部属性,也可以不包含任何属性。

**接着,调用Object.assign()。

Object.assign 是 JavaScript 中的一个内置方法,用于将一个或多个源对象的所有可枚举属性复制到目标对象。

解决方案

在 TypeScript 文件中封装一个工具类,然后在ArkTs文件的构造函数直接调用即可。

ObjectUtils.ts文件部分代码:
复制代码
export class ObjectUtils {
  /**
   *对象合并
   * @param target 目标对象
   * @param source 源对象
   * @return 合并后的对象
   **/
  static assign(target: Object, source?: Object): Object {
    return Object.assign(target, source);
  }

  ...

}
调用的代码:
复制代码
class AppInfo {
  constructor(source: Partial<AppInfo>) {
    ObjectUtils.assign(this, source);
  }

  /* 元数据 */
  id: number = 0
  name: string = ''
  desc: string = ''
  icon: string = ''
  vender: string = ''
  packageName: string = ''
  version: string = ''
  hapUrl: string = ''
  type: string = ''
  tags: string = ''
  ......
}

// 使用示例
const source = { name: 'MyApp', version: '1.0' };
const appInfo = new AppInfo(source);
console.log(appInfo.name); 
console.log(appInfo.version); 

至此,这个报错就解决了,项目可以顺利运行。

提醒:这不算难点,大部分开发者都会的,旨在帮助初学者理解代码和优化代码。而且,这是本人认为比较合理的写法,但绝不是唯一方案。

相关推荐
听麟22 分钟前
HarmonyOS 6.0+ APP AR文旅导览系统开发实战:空间定位与文物交互落地
人工智能·深度学习·华为·ar·wpf·harmonyos
空白诗1 小时前
高级进阶React Native 鸿蒙跨平台开发:slider 滑块组件 - 音量调节器完整实现
react native·react.js·harmonyos
●VON1 小时前
HarmonyOS应用开发实战(基础篇)Day01-《ArkTS基本知识》
学习·华为·harmonyos·鸿蒙·von
BlackWolfSky1 小时前
鸿蒙高级课程笔记2—应用性能优化
笔记·华为·harmonyos
ujainu1 小时前
护眼又美观:Flutter + OpenHarmony 鸿蒙记事本一键切换夜间模式(四)
android·flutter·harmonyos
一只大侠的侠1 小时前
Flutter开源鸿蒙跨平台训练营 Day 13从零开发注册页面
flutter·华为·harmonyos
森之鸟1 小时前
鸿蒙审核常见问题避坑指南_Scroll嵌套List_Grid滑动优化
华为·harmonyos
一只大侠的侠2 小时前
Flutter开源鸿蒙跨平台训练营 Day19自定义 useFormik 实现高性能表单处理
flutter·开源·harmonyos
早點睡3902 小时前
高级进阶 React Native 鸿蒙跨平台开发:react-native-device-info 设备信息获取
react native·react.js·harmonyos
阿钱真强道2 小时前
13 JetLinks MQTT:网关设备与网关子设备 - 温控设备场景
python·网络协议·harmonyos