HarmonyOS 实践 - 设计模式在代码中的作用

文章目录

前言

在软件开发中,设计模式是公认的最佳实践,它能帮助开发者通过模块化和规范化的代码提升代码的可维护性和可扩展性。对于 HarmonyOS 的开发者而言,利用设计模式可以在代码精简和结构优化中发挥重要作用。本篇文章将探讨如何通过单例模式和策略模式在 HarmonyOS 框架下实现代码优化,并提供实际可运行的 Demo。

设计模式概述

单例模式 是一种创建型设计模式,用于确保某个类只有一个实例,并提供全局访问点。
策略模式 是一种行为型设计模式,用于定义一系列算法,并将它们封装起来,使它们可以互换。

通过这两种设计模式,我们可以在 HarmonyOS 开发中减少代码冗余,提升代码的灵活性。

单例模式:全局状态管理

代码分析

typescript 复制代码
export class GlobalState {
  private static instance: GlobalState;
  private appState: { [key: string]: any } = {};

  private constructor() {}

  public static getInstance(): GlobalState {
    if (!GlobalState.instance) {
      GlobalState.instance = new GlobalState();
    }
    return GlobalState.instance;
  }

  public setState(key: string, value: any): void {
    this.appState[key] = value;
  }

  public getState(key: string): any {
    return this.appState[key];
  }
}

详细解析

  1. 单例模式实现

    • 静态属性 instance 用于保存唯一的实例。
    • 私有化构造函数:通过 private constructor() 禁止外部直接调用 new,从而确保类的实例只能通过类内部的静态方法 getInstance() 创建。
    • 静态方法 getInstance():第一次调用时会创建实例,后续调用直接返回已有实例。这种延迟初始化确保了实例仅在需要时被创建,节省资源。
  2. 全局状态存储

    • 使用一个 appState 对象以键值对形式存储数据。
    • setState() 方法:接收键和值,将其存储在 appState 中。
    • getState() 方法:根据键返回对应的值。
  3. 用法场景

    • 在开发中可以利用 GlobalState 存储应用的全局数据,如用户信息、应用配置等,从而避免冗余代码。

策略模式:界面主题切换

代码分析

typescript 复制代码
interface ThemeStrategy {
  applyTheme(): void;
}

class LightTheme implements ThemeStrategy {
  applyTheme(): void {
    console.log('Applying Light Theme');
    // 调用 HarmonyOS API,实现主题切换
  }
}

class DarkTheme implements ThemeStrategy {
  applyTheme(): void {
    console.log('Applying Dark Theme');
    // 调用 HarmonyOS API,实现主题切换
  }
}

class ThemeContext {
  private strategy: ThemeStrategy;

  constructor(strategy: ThemeStrategy) {
    this.strategy = strategy;
  }

  public setStrategy(strategy: ThemeStrategy): void {
    this.strategy = strategy;
  }

  public applyTheme(): void {
    this.strategy.applyTheme();
  }
}

详细解析

  1. 策略模式结构

    • ThemeStrategy 是一个接口,定义了所有主题切换策略的公共行为(applyTheme() 方法)。
    • LightThemeDarkThemeThemeStrategy 的具体实现,分别实现了应用浅色主题和深色主题的逻辑。
  2. 上下文类

    • ThemeContext 是策略模式的上下文类,持有一个 ThemeStrategy 对象。
    • 它的 setStrategy() 方法允许动态替换策略,而 applyTheme() 方法调用当前策略对象的 applyTheme() 方法。
  3. 灵活性和扩展性

    • 新增主题切换策略时,只需实现 ThemeStrategy 接口,而无需修改已有代码。
    • 可以动态切换策略,从而实现更灵活的功能扩展。

示例测试

单例模式测试

typescript 复制代码
const globalState = GlobalState.getInstance();
globalState.setState('user', { name: 'Alice', age: 25 });
console.log(globalState.getState('user')); // 输出: { name: 'Alice', age: 25 }

const newGlobalState = GlobalState.getInstance();
console.log(newGlobalState.getState('user')); // 输出: { name: 'Alice', age: 25 }

测试说明:

  • 两次调用 GlobalState.getInstance() 返回的是同一个实例。
  • 设置和获取全局状态数据验证了单例模式的正确性。

策略模式测试

typescript 复制代码
const themeContext = new ThemeContext(new LightTheme());
themeContext.applyTheme(); // 输出: Applying Light Theme

themeContext.setStrategy(new DarkTheme());
themeContext.applyTheme(); // 输出: Applying Dark Theme

测试说明:

  • 第一次调用 applyTheme() 应用浅色主题,切换策略后调用则应用深色主题。
  • 通过动态替换策略对象,实现了灵活的主题切换功能。

体验评价

  • 单例模式通过统一的全局实例,避免了重复对象创建的问题,适用于全局数据存储等场景。
  • 策略模式通过封装变化,提供了更加灵活的功能扩展方式,适用于需要动态调整算法或行为的场景。
  • 在 HarmonyOS 的开发中,这两种模式能够有效提升代码精简度、可读性和可维护性。

这些设计模式的结合可以为开发者提供清晰的架构思路,并显著提高开发效率和代码质量。

总结

通过单例模式,我们可以轻松实现全局状态的管理;通过策略模式,可以动态切换不同的算法或功能实现,从而使代码更加灵活。设计模式不仅让代码更精简,也能显著提升开发效率和代码质量。

随着开发工具和框架的不断演进,设计模式在简化代码中的应用场景将更加广泛。HarmonyOS 开发者可以深入学习更多设计模式,并结合实际需求灵活运用,实现更高效的开发和更优雅的代码。

相关推荐
燃先生._.35 分钟前
Day-03 Vue(生命周期、生命周期钩子八个函数、工程化开发和脚手架、组件化开发、根组件、局部注册和全局注册的步骤)
前端·javascript·vue.js
高山我梦口香糖2 小时前
[react]searchParams转普通对象
开发语言·前端·javascript
black^sugar2 小时前
纯前端实现更新检测
开发语言·前端·javascript
2401_857600954 小时前
SSM 与 Vue 共筑电脑测评系统:精准洞察电脑世界
前端·javascript·vue.js
2401_857600954 小时前
数字时代的医疗挂号变革:SSM+Vue 系统设计与实现之道
前端·javascript·vue.js
GDAL4 小时前
vue入门教程:组件透传 Attributes
前端·javascript·vue.js
小白学大数据4 小时前
如何使用Selenium处理JavaScript动态加载的内容?
大数据·javascript·爬虫·selenium·测试工具
2402_857583494 小时前
基于 SSM 框架的 Vue 电脑测评系统:照亮电脑品质之路
前端·javascript·vue.js
java_heartLake5 小时前
Vue3之性能优化
javascript·vue.js·性能优化