当前位置：首页 > article >正文

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

article 2024/12/23 17:13:48

在这里插入图片描述

文章目录

- 前言
- 设计模式概述
- 单例模式：全局状态管理
- - 代码分析
- 策略模式：界面主题切换
- - 代码分析
- 示例测试
- - 单例模式测试
  - 策略模式测试
- 体验评价
- 总结

前言

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

设计模式概述

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

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

单例模式：全局状态管理

代码分析

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];
  }
}

详细解析：

单例模式实现：
- 静态属性 instance 用于保存唯一的实例。
- 私有化构造函数：通过 private constructor() 禁止外部直接调用 new，从而确保类的实例只能通过类内部的静态方法 getInstance() 创建。
- 静态方法 getInstance()：第一次调用时会创建实例，后续调用直接返回已有实例。这种延迟初始化确保了实例仅在需要时被创建，节省资源。
全局状态存储：
- 使用一个 appState 对象以键值对形式存储数据。
- setState() 方法：接收键和值，将其存储在 appState 中。
- getState() 方法：根据键返回对应的值。
用法场景：
- 在开发中可以利用 GlobalState 存储应用的全局数据，如用户信息、应用配置等，从而避免冗余代码。

策略模式：界面主题切换

代码分析

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();
  }
}

详细解析：

策略模式结构：
- ThemeStrategy 是一个接口，定义了所有主题切换策略的公共行为（applyTheme() 方法）。
- LightTheme 和 DarkTheme 是 ThemeStrategy 的具体实现，分别实现了应用浅色主题和深色主题的逻辑。
上下文类：
- ThemeContext 是策略模式的上下文类，持有一个 ThemeStrategy 对象。
- 它的 setStrategy() 方法允许动态替换策略，而 applyTheme() 方法调用当前策略对象的 applyTheme() 方法。
灵活性和扩展性：
- 新增主题切换策略时，只需实现 ThemeStrategy 接口，而无需修改已有代码。
- 可以动态切换策略，从而实现更灵活的功能扩展。

示例测试

单例模式测试

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() 返回的是同一个实例。
设置和获取全局状态数据验证了单例模式的正确性。

策略模式测试

const themeContext = new ThemeContext(new LightTheme());
themeContext.applyTheme(); // 输出: Applying Light Theme

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