前端設計模式——策略模式

在前端開發中，策略模式是一種常用的設計模式，它可以讓我們在不改變對象本身的情況下，通過修改其內部的演算法實現不同的行為。策略模式常常被用於實現一些複雜的業務邏輯，特別是需要根據不同的條件進行處理的情況。

下麵是一個簡單的示例，演示瞭如何使用策略模式來實現一個計算器：

// 定義一個策略對象
const strategies = {
  add: function(num1, num2) {
    return num1 + num2;
  },
  subtract: function(num1, num2) {
    return num1 - num2;
  },
  multiply: function(num1, num2) {
    return num1 * num2;
  },
  divide: function(num1, num2) {
    return num1 / num2;
  }
};

// 定義一個計算器對象
const Calculator = function(strategy) {
  this.calculate = function(num1, num2) {
    return strategy(num1, num2);
  }
};

// 使用策略模式來創建一個計算器對象
const addCalculator = new Calculator(strategies.add);
const subtractCalculator = new Calculator(strategies.subtract);
const multiplyCalculator = new Calculator(strategies.multiply);
const divideCalculator = new Calculator(strategies.divide);

// 使用計算器對象進行計算
console.log(addCalculator.calculate(10, 5)); // 輸出 15
console.log(subtractCalculator.calculate(10, 5)); // 輸出 5
console.log(multiplyCalculator.calculate(10, 5)); // 輸出 50
console.log(divideCalculator.calculate(10, 5)); // 輸出 2

在上面的示例中，我們首先定義了一個策略對象，其中包含了四個不同的演算法：加、減、乘和除。然後我們定義了一個計算器對象，它接收一個策略對象作為參數，並將其保存在內部。最後，我們使用策略模式來創建四個不同的計算器對象，每個對象使用不同的演算法進行計算。

這個示例展示瞭如何使用策略模式來實現一個簡單的計算器，但實際上它可以應用於許多其他的場景中，例如表單驗證、圖表繪製等。策略模式可以讓我們通過修改策略對象來改變對象的行為，從而實現更加靈活和可擴展的代碼。