如何减少多个选项按钮的IF语句

switch (option) {
  case 'option1':
    // 处理选项1的逻辑
    break;
  case 'option2':
    // 处理选项2的逻辑
    break;
  case 'option3':
    // 处理选项3的逻辑
    break;
  default:
    // 处理默认情况的逻辑
    break;
}

const optionHandlers = {
  option1: () => {
    // 处理选项1的逻辑
  },
  option2: () => {
    // 处理选项2的逻辑
  },
  option3: () => {
    // 处理选项3的逻辑
  },
};

// 根据选项值调用对应的处理函数
optionHandlers[option]();

class OptionStrategy {
  constructor() {
    this.strategyMap = new Map();
  }

  addStrategy(option, strategy) {
    this.strategyMap.set(option, strategy);
  }

  execute(option) {
    const strategy = this.strategyMap.get(option);
    if (strategy) {
      strategy.execute();
    } else {
      // 处理默认情况的逻辑
    }
  }
}

// 创建策略对象
const optionStrategy = new OptionStrategy();

// 添加选项对应的策略
optionStrategy.addStrategy('option1', {
  execute: () => {
    // 处理选项1的逻辑
  },
});

optionStrategy.addStrategy('option2', {
  execute: () => {
    // 处理选项2的逻辑
  },
});

optionStrategy.addStrategy('option3', {
  execute: () => {
    // 处理选项3的逻辑
  },
});

// 执行选项对应的策略
optionStrategy.execute(option);