es6 语法学习 - 访问者模式

es6 语法学习 - 访问者模式

一、基本概念

访问者模式（Visitor Pattern）是一种行为设计模式，它允许你将数据操作与数据结构分离。它封装一些作用于某种数据结构中的各元素的操作，使得可以在不改变数据结构的前提下定义作用于这些元素的新的操作。

二、 优点

• 增加新功能容易：新的操作可以通过新增访问者类来实现，而不需要修改现有的元素类，符合开闭原则。
• 集中相关操作：相关的操作可以集中在同一个访问者类中，使得代码更加整洁。
• 支持双重分派：可以根据访问者和元素的类型执行不同的操作。

三、缺点

• 增加系统的复杂度：引入访问者模式会增加类的数目，提高系统的复杂性。
• 不适合频繁变动的元素类结构：如果元素类结构经常变化，访问者模式会导致访问者的变动频繁，反而增加维护成本。
• 对于新元素的支持性差：每当添加新的元素类时，都需要在每个访问者中添加相关逻辑，可能导致访问者类的代码冗长。

四、使用场景

• 对象结构稳固，变化频繁的操作：如编译器中的语法树遍历。
• 需要对对象树结构中的元素执行多个不相关操作时：对元素进行不同的操作但又不希望改变元素的类。
• 数据结构和操作分离：在复杂系统中，为了降低耦合度使用访问者模式是一个常见的做法。

五、示例代码

以下是一个简单的例子

//Visitor:定义了一个访问者的接口，其中包含针对不同元素类型的访问方法。
class Visitor {
  visitElementA(elementA) {
    throw new Error('This method must be overridden!');
  }

  visitElementB(elementB) {
    throw new Error('This method must be overridden!');
  }
}

//具体访问者ConcreteVisitor:实现了访客接口，为具体元素执行相关操作。
class ConcreteVisitor extends Visitor {
  visitElementA(elementA) {
    console.log(`Visiting Element A: ${elementA.getName()}`);
  }

  visitElementB(elementB) {
    console.log(`Visiting Element B: ${elementB.getName()}`);
  }
}

// Element元素接口:定义了访问的接口，包含 `accept` 方法，接受访问者。
class Element {
  accept(visitor) {
    throw new Error('This method must be overridden!');
  }
}

//具体元素 A
class ElementA extends Element {
  getName() {
    return 'Element A';
  }

  accept(visitor) {
    visitor.visitElementA(this); // 接受访问者
  }
}

//具体元素 B
class ElementB extends Element {
  getName() {
    return 'Element B';
  }

  accept(visitor) {
    visitor.visitElementB(this); // 接受访问者
  }
}

//对象结构:维护一个元素列表，并能够对每个元素调用接受访问者的 `accept` 方法。
class ObjectStructure {
  constructor() {
    this.elements = []; // 存储元素
  }

  addElement(element) {
    this.elements.push(element); // 添加元素
  }

  accept(visitor) {
    this.elements.forEach((element) => element.accept(visitor)); // 遍历并接受访问者
  }
}

// 示例使用
const objectStructure = new ObjectStructure(); // 对象结构
const elementA = new ElementA(); //具体元素 A
const elementB = new ElementB(); //具体元素 B

objectStructure.addElement(elementA);
objectStructure.addElement(elementB);

const visitor = new ConcreteVisitor(); //具体访问者
objectStructure.accept(visitor); //访问所有元素