鸿蒙应用示例:应用开发中的动态获取属性与调用方法技巧

随着HarmonyOS的发展,API版本的更新带来了许多新的特性和限制。在API 11及以后的版本中,直接赋值对象的语法不再被支持,这要求开发者们采用新的方式来处理对象的创建和属性的访问。同时,HarmonyOS支持ETS(Enhanced TypeScript)文件,这是一种扩展了TypeScript的文件格式,用于更好地支持HarmonyOS的特性。然而,ETS文件并不支持所有的TypeScript语法特性,这就需要开发者灵活运用不同的文件格式来实现所需的功能。

【完整示例】

src/main/ets/common/FactoryUtil.ts

js 复制代码
export function createInstance<T>(constructor: new () => T): T {
  return new constructor();
}

src/main/ets/pages/Index.ets

js 复制代码
import { createInstance } from '../common/FactoryUtil.ts';

class Person {
  name: string = '张三';
}

class Person2 {
  name: string = '李四';
}

function sum(a: number, b: number) {
  console.info(`${a} + ${b} = ${a + b}`);
}

function subtract(a: number, b: number) {
  console.info(`${a} - ${b} = ${a - b}`);
}

function printString(str: string) {
  console.info(str);
}

class BirthInfo {
  birthDate: string = "2020-02-03";
}

class UserInfo {
  userName: string = '';
  birthInfo?: BirthInfo = new BirthInfo();
  calculateAge = (): number | string => {
    if (!this.birthInfo) {
      return '数据异常';
    }
    const today = new Date();
    const birthDate = new Date(this.birthInfo.birthDate);
    const age = today.getFullYear() - birthDate.getFullYear();
    return age;
  };
}

class Action {
  description: string;
  action: Function;

  constructor(description: string, action: Function) {
    this.description = description;
    this.action = action;
  }
}

@Entry
@Component
struct MainPage {
  @State actions: Action[] = [
    new Action('加法计算', sum),
    new Action('减法计算', subtract),
    new Action('打印字符串', printString),
  ];

  build() {
    Column({ space: 10 }) {
      Button('创建对象并获取属性').onClick(() => {
        const person: object = Object({ name: '张三', age: 30 });
        console.info(`person['name']:${person['name']}`);
        console.info(`person['age']:${person['age']}`);
      });

      Button('执行动作').onClick(() => {
        this.actions.forEach(action => {
          if (action.description.includes('加法')) {
            action.action(1, 2);
          } else if (action.description.includes('减法')) {
            action.action(1, 2);
          } else if (action.description.includes('打印')) {
            action.action('Hello World');
          }
        });
      });

      Button('从TS文件创建实例').onClick(() => {
        const person1 = createInstance(Person);
        console.info('person1.name', person1.name);

        const person2 = createInstance(Person2);
        console.info('person2.name', person2.name);
      });

      Button('获取用户信息').onClick(() => {
        const userInfo = new UserInfo();
        Object.keys(userInfo).forEach(key => {
          console.info(`key: ${key}`);
        });

        console.info(`年龄: ${userInfo.calculateAge()}`);
      });
    }
    .width('100%')
    .height('100%');
  }
}

打印

js 复制代码
person['name']:张三
person['age']:30

1 + 2 = 3
1 - 2 = -1
Hello World

person1.name 张三
person2.name 李四

key: userName
key: birthInfo
key: calculateAge
年龄: 4

技术要点解析

  1. 创建对象并获取属性

使用Object()创建对象并使用索引访问属性,以确保兼容性与正确性。

js 复制代码
const person:object = Object({ name: '张三', age: 30 });
console.info(`person['name']:${person['name']}`);
console.info(`person['age']:${person['age']}`);
  1. 执行动作

将方法定义为对象属性,并通过动态方式调用它们。

js 复制代码
this.actions.forEach(action => {
  if (action.description.includes('加法')) {
    action.action(1, 2);
  }
  // 其他条件分支...
});
  1. 从TS文件创建实例

在某些情况下,ETS文件不支持特定的TypeScript语法特性,如new () => T语法。这时可以将这部分逻辑移到TS文件中,并在ETS文件中导入使用。例如,创建一个通用的工厂函数来实例化类:

js 复制代码
const person1 = createInstance(Person);
console.info('person1.name', person1.name);
  1. 遍历对象的属性

可以使用Object.keys()遍历对象的属性,并利用面向对象的思想通过实例方法计算年龄。

js 复制代码
const userInfo = new UserInfo();
Object.keys(userInfo).forEach(key => {
  console.info(`key: ${key}`);
});

console.info(`年龄: ${userInfo.calculateAge()}`);

结论

本文介绍了HarmonyOS应用开发中的几个关键技巧,包括使用Object()创建对象、动态调用方法、使用TS文件中的工厂函数创建实例,以及遍历对象属性。通过遵循良好的命名规范和代码组织结构,可以使代码更加清晰易懂,便于后期维护。掌握了这些技巧后,开发者能够更加高效地开发出高质量的HarmonyOS应用程序。

相关推荐
互联网散修1 小时前
鸿蒙应用开发:图片渐进式加载Canvas渲染案例分享
harmonyos·渐进式加载图片
Swift社区3 小时前
鸿蒙游戏里的 AI Agent 设计
人工智能·游戏·harmonyos
亚历克斯神3 小时前
Flutter 组件 t_stats 的适配 鸿蒙Harmony 实战 - 驾驭高性能统计学运算、实现鸿蒙端海量数据实时态势感知与工业级描述性统计方案
flutter·harmonyos·鸿蒙·openharmony·t_stats
键盘鼓手苏苏3 小时前
Flutter 组件 angel3_orm_mysql 的适配 鸿蒙Harmony 实战 - 驾驭专业 ORM 映射引擎、实现鸿蒙端与 MySQL 数据库的透明映射与高性能 SQL 审计方案
flutter·harmonyos·鸿蒙·openharmony·angel3_orm_mysql
左手厨刀右手茼蒿3 小时前
Flutter 组件 serverpod_swagger 的适配 鸿蒙Harmony 实战 - 驾驭 API 文档自动化、实现鸿蒙端全栈联调与 Swagger UI 动态审计方案
flutter·harmonyos·鸿蒙·openharmony·serverpod_swagger
钛态3 小时前
Flutter 三方库 discord_interactions 的鸿蒙化适配指南 - 在 OpenHarmony 打造高效的社交机器人交互底座
flutter·harmonyos·鸿蒙·openharmony·discord_interactions
加农炮手Jinx3 小时前
Flutter 组件 dascade 的适配 鸿蒙Harmony 实战 - 驾驭级联式异步数据流、实现鸿蒙端响应式 UI 状态泵与复杂业务逻辑解耦方案
flutter·harmonyos·鸿蒙·openharmony
国医中兴3 小时前
Flutter 组件 r_flutter 的适配 鸿蒙Harmony 实战 - 驾驭资源映射自动化、实现鸿蒙端资产强类型引用与资产冲突静态校验方案
flutter·r语言·harmonyos
里欧跑得慢3 小时前
Flutter 组件 postgres_crdt 的适配 鸿蒙Harmony 实战 - 驾驭分布式无冲突复制数据类型、实现鸿蒙端高性能离线对等同步架构方案
flutter·harmonyos·鸿蒙·openharmony·postgres_crdt
王码码20353 小时前
Flutter for OpenHarmony:使用 pluto_grid 打造高性能数据网格
flutter·http·华为·架构·harmonyos