TypeScript 中的决策表：一种被低估的简洁代码模式-js教程-PHP中文网

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

PHPz

发布： 2024-09-06 21:00:43

原创

705 人浏览过

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