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

随着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应用程序。

相关推荐
dawn8 小时前
鸿蒙ArkTS中的获取网络数据
华为·harmonyos
桃花键神8 小时前
鸿蒙5.0时代:原生鸿蒙应用市场引领开发者服务新篇章
华为·harmonyos
鸿蒙自习室8 小时前
鸿蒙多线程开发——并发模型对比(Actor与内存共享)
华为·harmonyos
JavaPub-rodert10 小时前
鸿蒙生态崛起:开发者的机遇与挑战
华为·harmonyos
帅比九日12 小时前
【HarmonyOS Next】封装一个网络请求模块
前端·harmonyos
yilylong13 小时前
鸿蒙(Harmony)实现滑块验证码
华为·harmonyos·鸿蒙
baby_hua13 小时前
HarmonyOS第一课——DevEco Studio的使用
华为·harmonyos
HarmonyOS_SDK14 小时前
融合虚拟与现实,AR Engine为用户提供沉浸式交互体验
harmonyos
- 羊羊不超越 -15 小时前
App渠道来源追踪方案全面分析(iOS/Android/鸿蒙)
android·ios·harmonyos
长弓三石17 小时前
鸿蒙网络编程系列44-仓颉版HttpRequest上传文件示例
前端·网络·华为·harmonyos·鸿蒙