JS策略模式，如何优雅地处理复杂逻辑-Toy模板网

这篇具有很好参考价值的文章主要介绍了JS策略模式，如何优雅地处理复杂逻辑。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

JavaScript策略模式

JavaScript策略模式是一种常用的设计模式，它可以帮助我们优雅地处理复杂的逻辑。在本文中，我们将通过一个实际的例子来说明策略模式的应用。

什么是策略模式？

策略模式是一种行为型设计模式，它定义了一系列算法，并将每个算法封装起来，使它们可以互相替换。策略模式让算法的变化独立于使用算法的客户端。

例子：计算器应用

假设我们正在开发一个计算器应用，它可以执行加、减、乘、除四种运算。我们可以使用策略模式来实现这个应用。

首先，我们定义一个Calculator类，它有一个calculate方法，用于执行计算。calculate方法接收两个参数：operation和num1、num2。operation表示要执行的运算，可以是add、subtract、multiply、divide中的任意一个。num1和num2分别表示要运算的两个数字。

class Calculator {
  calculate(operation, num1, num2) {
    switch (operation) {
      case 'add':
        return num1 + num2;
      case 'subtract':
        return num1 - num2;
      case 'multiply':
        return num1 * num2;
      case 'divide':
        return num1 / num2;
    }
  }
}

这个实现看起来很简单，但是它有一个明显的问题：如果我们要添加新的运算，就需要修改Calculator类的代码。这违反了开闭原则，即对扩展开放，对修改关闭。

为了解决这个问题，我们可以使用策略模式。首先，我们定义一个Operation接口，它有一个calculate方法，用于执行运算。然后，我们为每种运算实现一个具体的策略类，这些策略类都实现了Operation接口。

class Operation {
  calculate(num1, num2) {}
}

class AddOperation extends Operation {
  calculate(num1, num2) {
    return num1 + num2;
  }
}

class SubtractOperation extends Operation {
  calculate(num1, num2) {
    return num1 - num2;
  }
}

class MultiplyOperation extends Operation {
  calculate(num1, num2) {
    return num1 * num2;
  }
}

class DivideOperation extends Operation {
  calculate(num1, num2) {
    return num1 / num2;
  }
}

现在，我们可以修改Calculator类的代码，让它接收一个operation对象，而不是一个字符串。operation对象可以是任意实现了Operation接口的类的实例。这样，我们就可以在不修改Calculator类的代码的情况下，添加新的运算。

class Calculator {
  calculate(operation, num1, num2) {
    return operation.calculate(num1, num2);
  }
}

现在，我们可以使用策略模式来执行计算。例如，我们可以这样计算1 + 2：

const calculator = new Calculator();
const addOperation = new AddOperation();
const result = calculator.calculate(addOperation, 1, 2);
console.log(result); // 3