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 开发者可以深入学习更多设计模式,并结合实际需求灵活运用,实现更高效的开发和更优雅的代码。

相关推荐
csdn_aspnet4 分钟前
在 React 中使用 WebSockets 构建实时聊天应用程序
javascript·react.js·node.js
【ql君】qlexcel27 分钟前
Notepad++ 复制宏、编辑宏的方法
开发语言·javascript·notepad++··宏编辑·宏复制
就改了1 小时前
Ajax——在OA系统提升性能的局部刷新
前端·javascript·ajax
凌冰_1 小时前
Ajax 入门
前端·javascript·ajax
奋飛1 小时前
TypeScript系列:第六篇 - 编写高质量的TS类型
javascript·typescript·ts·declare·.d.ts
sunbyte2 小时前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | ThemeClock(主题时钟)
前端·javascript·css·vue.js·前端框架·tailwindcss
小飞悟2 小时前
🎯 什么是模块化?CommonJS 和 ES6 Modules 到底有什么区别?小白也能看懂
前端·javascript·设计
浏览器API调用工程师_Taylor2 小时前
AOP魔法:一招实现登录弹窗的全局拦截与动态处理
前端·javascript·vue.js
FogLetter2 小时前
初识图片懒加载:让网页像"懒人"一样聪明加载
前端·javascript
呆呆的心2 小时前
JavaScript 深入理解闭包与柯里化:从原理到实践 🚀
javascript·面试