JavaScript中常见的行为设计模式（下）

2023-11-02 14:27:32

在JavaScript开发中，设计模式是可重用的解决方案，用于解决常见软件工程问题。行为设计模式特别关注于对象之间的交互和协作，为程序设计提供了一套经过实践验证的最佳实践。

在之前的文章中，我们探讨了JavaScript中的创建型设计模式。在这篇后续文章中，我们将深入探究行为设计模式，重点关注策略模式和迭代器模式。

策略模式

策略模式允许算法或行为在运行时进行改变，而不影响使用该行为的客户端。它提供了一种解耦接口和实现的方式，使客户端能够独立于具体算法而使用它。

在JavaScript中，我们可以使用以下代码实现策略模式：

// 定义一个接口
interface Strategy {
  execute(input: any): any;
}

// 定义一个具体策略
class ConcreteStrategyA implements Strategy {
  execute(input: any) {
    // 具体的算法实现
    return input + 1;
  }
}

// 定义另一个具体策略
class ConcreteStrategyB implements Strategy {
  execute(input: any) {
    // 具体的算法实现
    return input - 1;
  }
}

// 定义一个使用策略的上下文
class Context {
  private strategy: Strategy;

  constructor(strategy: Strategy) {
    this.strategy = strategy;
  }

  executeStrategy(input: any) {
    return this.strategy.execute(input);
  }
}

// 使用策略模式
const context = new Context(new ConcreteStrategyA());
const result = context.executeStrategy(10);
console.log(result); // 11

// 更改策略
context.strategy = new ConcreteStrategyB();
const result2 = context.executeStrategy(10);
console.log(result2); // 9

迭代器模式

迭代器模式提供一种遍历集合元素的机制，而无需暴露集合的底层表示。它创建了一个独立于集合本身的接口，允许客户端以顺序访问集合中的元素。

在JavaScript中，我们可以使用以下代码实现迭代器模式：

// 定义一个集合
class Collection {
  private items: any[];

  constructor(items: any[]) {
    this.items = items;
  }

  // 创建一个迭代器
  getIterator() {
    return new Iterator(this);
  }
}

// 定义一个迭代器
class Iterator {
  private collection: Collection;
  private index: number;

  constructor(collection: Collection) {
    this.collection = collection;
    this.index = 0;
  }

  // 返回下一个元素
  next() {
    if (this.index < this.collection.items.length) {
      return this.collection.items[this.index++];
    }

    return null;
  }

  // 重置迭代器
  reset() {
    this.index = 0;
  }
}

// 使用迭代器模式
const collection = new Collection([1, 2, 3, 4, 5]);
const iterator = collection.getIterator();

while (iterator.next() !== null) {
  console.log(iterator.next()); // 1, 2, 3, 4, 5
}

iterator.reset();
console.log(iterator.next()); // 1