首页 > web前端 > js教程 > TypeScript 中的决策表:一种被低估的简洁代码模式

TypeScript 中的决策表:一种被低估的简洁代码模式

PHPz
发布: 2024-09-06 21:00:43
原创
647 人浏览过

Decision Tables in TypeScript: An Underrated Pattern for Cleaner Code

在构建复杂的软件系统时,开发人员经常诉诸冗长的 if-else 或 switch 语句来处理决策逻辑。

虽然这些方法可行,但随着情况数量的增加,它们很快就会变得难以管理。这就是决策表发挥作用的地方。

一种强大但未充分利用的模式,以干净、可维护的方式简化复杂的决策。

在本文中,我们将探讨什么是决策表、为什么应该使用它们,以及如何在 TypeScript 中实现它们以轻松处理复杂的逻辑。

什么是决策表?

决策表是一种将输入条件的各种组合映射到相应的操作或结果的结构化方法。将其视为一个表,其中每行代表输入变量的唯一组合,相应的列定义输出或操作。这使您可以在一个地方可视化所有可能的场景,从而更易于管理和理解。

例如,假设您正在构建一个电子商务平台,需要根据用户的客户状态、购买历史记录、可用促销和首选语言向用户发送不同的电子邮件模板。

使用 3 个布尔变量(isGoldCustomer、isFirstPurchase、isPromoAvailable)和一个枚举变量(emailLanguage),可以处理 24 种可能的组合。

但是决策表提供了一个更清晰的解决方案,而不是编写 24 个 if-else 或 switch case。

为什么使用决策表?

与传统条件逻辑相比,决策表具有多种优势:

  • 提高可读性:单个表格捕获所有可能的组合,使其更容易一目了然。
  • 更容易维护:修改逻辑变得像更新表中的单行一样简单,而不是梳理嵌套条件行。
  • 可扩展性:决策表可以处理更复杂的决策场景,而不会变得难以管理。

让我们深入了解如何在 TypeScript 中实现决策表。

如何在 TypeScript 中实现决策表

在 TypeScript 中实现决策表的最简单方法是使用对象数组。每个对象代表决策表中的一行。
然后就可以使用数组的find方法来查找与输入变量匹配的行并返回相应的输出值。

type TEmailLanguage = 'en' | 'es' | 'fr';

interface IDecisionTableRow {
  //These are the input values that determine the output value
  isGoldCustomer: boolean;
  isFirstPurchase: boolean;
  isPromoAvailable: boolean;
  emailLanguage: TEmailLanguage;

  // The last property is the output value
  template: string;
};

const DECISION_TABLE: IDecisionTableRow[] = [
  {
    isGoldCustomer: true,
    isFirstPurchase: true,
    isPromoAvailable: true,
    emailLanguage: 'en',
    template: 'welcome_en.html',
  },
  {
    isGoldCustomer: true,
    isFirstPurchase: true,
    isPromoAvailable: true,
    emailLanguage: 'es',
    template: 'welcome_es.html',
  },
  {
    isGoldCustomer: true,
    isFirstPurchase: true,
    isPromoAvailable: true,
    emailLanguage: 'fr',
    template: 'welcome_fr.html',
  },
  // more rows...
];

const getTemplate = (
  isGoldCustomer: boolean,
  isFirstPurchase: boolean,
  isPromoAvailable: boolean,
  emailLanguage: EmailLanguage
): string => {
  const row = decisionTable.find(
    (row) =>
      row.emailLanguage === emailLanguage &&
      row.isGoldCustomer === isGoldCustomer &&
      row.isFirstPurchase === isFirstPurchase &&
      row.isPromoAvailable === isPromoAvailable 
  );

  if (!row) {
    throw new Error('No matching row in decision table');
  }

  return row.template;
};
登录后复制

在此示例中,我们有一个名为 DECISION_TABLE 的对象数组,它表示决策表。
每个对象都有 4 个表示输入变量的属性和 1 个表示输出值的属性。

getTemplate 函数将输入变量作为参数,并使用 find 方法在决策表中查找与输入变量匹配的行。

如果没有找到行,函数会抛出错误。

就是这样!您现在拥有一种干净、可维护的方式来处理依赖于多个输入变量的复杂逻辑。

其他注意事项

  • 规则优先级:如果多个规则匹配输入条件,您可能需要定义优先级机制来确定正确的输出。
  • 默认值:考虑提供默认输出,以防找不到匹配规则。
  • 数据验证:实施验证以确保输入值有效且在预期范围内。

结论

决策表提供了一种强大而有效的方法来管理 TypeScript 中的复杂决策逻辑。通过提供清晰且结构化的规则表示,它们增强了代码的可读性、可维护性和可扩展性。通过在项目中采用决策表,您可以提高代码库的整体质量和效率。

因此,下次您发现自己编写了一堆 if-else 语句或 switch 语句来处理复杂逻辑时,请考虑使用决策表。

编码愉快!

以上是TypeScript 中的决策表:一种被低估的简洁代码模式的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板