https://www.jianshu.com/p/bb066b93338b

    将数据结构与数据操作分离，不同的访问者访问这个对象都会呈现出不同的处理方式

    js实现

    1. class DocumentReader {
    2.   constructor(name) {
    3.     this.name = name;
    4.   }
    5.   access(read) {
    6.     console.log(this.name, " read:", read(this));
    7.   }
    8. }
    10. // 前端开发
    11. class WebDevelopers extends DocumentReader {
    12.   constructor(name) {
    13.     super(name);
    14.   }
    15. }
    16. // 测试人员
    17. class Tester extends DocumentReader {
    18.   constructor(name) {
    19.     super(name);
    20.   }
    21. }
    23. const webDevelopers = new WebDevelopers("aaa");
    24. const tester = new Tester("bbb");
    26. function visitor(visitor) {
    27.   if (visitor.constructor === WebDevelopers) {
    28.     return {
    29.       a: "11111",
    30.       aa: "111111",
    31.     };
    32.   } else if (visitor.constructor === Tester) {
    33.     return {
    34.       b: "222222",
    35.     };
    36.   }
    37. }
    39. webDevelopers.access(visitor);
    40. tester.access(visitor);

    可以理解为一种访问对象的策略模式

    babel插件中的访问者

    1. const MyVisitor = {
    2.   Identifier() {
    3.     console.log("Called!");
    4.   }
    5. };

    这是一个简单的访问者，把它用于遍历中时，每当在树中遇见一个 Identifier 的时候会调用 Identifier() 方法。

    https://zhuanlan.zhihu.com/p/333951676