if-else 的优化方案

啦咔

已于 2023-05-12 09:54:48 修改

阅读量160

点赞数 1

文章标签：策略模式

于 2023-05-12 09:53:21 首次发布

本文链接：https://blog.csdn.net/weixin_43831261/article/details/130635643

版权

文章介绍了多种优化if-else语句的方法，包括使用短路运算符、三元运算符、对象映射、数组方法、函数提取、switch语句、函数式编程的概念以及利用位运算符和设计模式（如策略模式和状态模式）来简化条件判断和代码执行流程。

摘要由CSDN通过智能技术生成

if-else 的优化方案

优化原因

原因：在编程中，使用if-else语句是一种常见的控制结构，用于根据条件执行不同的代码块。虽然if-else语句非常有用，但在某些情况下可能会导致代码变得冗长或效率较低。

优化方案

短路运算符

const result = condition && action();

三元运算符

const result = condition ? action1() : action2();

对象映射

const actions = {
  condition1: () => {
    // 执行操作1
  },
  condition2: () => {
    // 执行操作2
  },
  default: () => {
    // 执行默认操作
  },
};

actions[condition] ? actions[condition]() : actions.default();

数组方法

const actions = [
  {
    condition: condition1,
    action: () => {
      // 执行操作1
    },
  },
  {
    condition: condition2,
    action: () => {
      // 执行操作2
    },
  },
  {
    condition: () => true,
    action: () => {
      // 执行默认操作
    },
  },
];

actions.find((item) => item.condition())?.action();

函数提取

function doAction1() {
  // 执行操作1
}

function doAction2() {
  // 执行操作2
}

function defaultAction() {
  // 执行默认操作
}

if (condition1) {
  doAction1();
} else if (condition2) {
  doAction2();
} else {
  defaultAction();
}

switch语句

switch (condition) {
  case condition1:
    // 执行操作1
    break;
  case condition2:
    // 执行操作2
    break;
  default:
    // 执行默认操作
}

函数式编程的概念

const result = condition
  ? action1()
  : condition2
  ? action2()
  : defaultAction();

使用位运算符

const FLAG_A = 0b001;
const FLAG_B = 0b010;

if (condition & FLAG_A) {
  // 执行操作A
}

if (condition & FLAG_B) {
  // 执行操作B
}

使用设计模式
策略模式

class Strategy {
  constructor(condition, action) {
    this.condition = condition;
    this.action = action;
  }

  canHandle() {
    return this.condition();
  }

  handle() {
    this.action();
  }
}

const strategies = [
  new Strategy(condition1, () => {
    // 执行操作1
  }),
  new Strategy(condition2, () => {
    // 执行操作2
  }),
  new Strategy(() => true, () => {
    // 执行默认操作
  }),
];

const strategy = strategies.find((strategy) => strategy.canHandle());
strategy.handle();

状态模式

class State {
  constructor(condition, action) {
    this.condition = condition;
    this.action = action;
  }

  canEnter() {
    return this.condition();
  }

  enter() {
    this.action();
  }
}

class StateMachine {
  constructor() {
    this.states = [
      new State(condition1, () => {
        // 执行操作1
      }),
      new State(condition2, () => {
        // 执行操作2
      }),
      new State(() => true, () => {
        // 执行默认操作
      }),
    ];
  }