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

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

相关推荐
ai安歌3 小时前
鸿蒙PC:鸿蒙electron跨端框架PC归档流水线实战:把散落文件整理成可追踪的桌面归档流程
华为·electron·harmonyos
lqj_本人4 小时前
鸿蒙electron跨端框架PC课业板实战:课程、截止时间、提交物和风险都放到桌面上
服务器·electron·harmonyos
小雨青年7 小时前
鸿蒙 HarmonyOS 6 | Pura X Max 鸿蒙原生适配 10:横屏下页面从上下结构改为左右结构
华为·harmonyos
lqj_本人7 小时前
鸿蒙electron跨端框架PC灵光速记实战:让突然冒出来的想法先有地方落脚
harmonyos
Swift社区8 小时前
HarmonyOS 鸿蒙PC三方库移植:vcpkg方式的 Port 脚本编写简明教程
华为·harmonyos
lqj_本人8 小时前
鸿蒙electron跨端框架PC剪贴台实战:把高频短文本整理成一键可取的桌面片段库
华为·electron·harmonyos
ai安歌9 小时前
鸿蒙PC:鸿蒙electron跨端框架PC素材情绪板实战:把灵感、配色和参考资料收进桌面创作面板
华为·electron·harmonyos
梦想不只是梦与想9 小时前
鸿蒙 Live View Kit:实况窗服务(一)
harmonyos·鸿蒙·实况窗
nashane9 小时前
HarmonyOS 6学习:Web组件内嵌H5视频全屏“复活”指南
前端·学习·harmonyos
lqj_本人10 小时前
鸿蒙electron跨端框架PC墨案写作实战:把 Markdown 正文区做成桌面写作的中心
华为·electron·harmonyos