@babel/traverse 使用方法小记

@babel/traverse

官网： https://babeljs.io/docs/en/babel-traverse

github：https://github.com/babel/babel/blob/master/packages/babel-traverse/test/traverse.js

了解一个东西最直接的方法就是看官网了解怎么用，看github源码Test模块代码的使用和测试。

@babel/traverse 可以用来遍历更新@babel/parser生成的AST

对语法树中特定的节点进行操作(特殊节点的函数)

```
进入节点（enter）
```
```
退出节点  (exit)
```

traverse(ast, {

  CallExpression(p) {

    // 对语法树中特定的节点进行操作 参考@babel/types （特定节点类型）

    // CallExpression 特定节点

  },

  FunctionDeclaration: function(path) {

    // 对语法树中特定的节点进行操作 参考@babel/types （特定节点类型）

    // FunctionDeclaration 特定节点

  }

  // .....

  enter(path) {

    // 进入节点

    if (path.node.type === "ThisExpression") {

      // 对所有的操作

    };

  }

  exit(path) {

    // 退出节点

    console.log(`  exit ${path.type}(${path.key})`)

  }

})

巴特西

@babel/traverse 使用方法小记

最新文章

热门文章