前言
在前端开发中，我们经常需要对代码进行分析、解析和修改等操作。AST 抽象语法树是一个很好的选择，它将我们繁琐的字符串操作转化为一个更加方便和全面的接口。
本文介绍一款优秀的 AST 抽象语法树操作库 @gerhobbelt/ast-types，阐述其使用方法和运用场景。
1. 安装
使用 npm 安装：
npm install @gerhobbelt/ast-types
2. 使用
2.1. 解析代码为 AST
首先，我们需要将我们的代码解析为 AST，这里我们可以使用 recast 包。当然，也可以使用 babel 或者 esprima，这里不再赘述。
const recast = require('recast');
const code = `
function square(n) {
return n * n;
}
`;
const ast = recast.parse(code);上面代码中的 ast 就是我们所需要的 AST 对象，它的结构如下：
-- -------------------- ---- -------
-
------- -------
---------- -
------- ----------
------------- ---------
------- -
-
------- ----------------------
----- -
------- -------------
------- --------
--
--------- -
-
------- -------------
------- ---
-
--
------- -
------- -----------------
------- -
-
------- ------------------
----------- -
------- -------------------
----------- ----
------- -
------- -------------
------- ---
--
-------- -
------- -------------
------- ---
-
-
-
-
-
-
-
-
-通过 recast.parse() 可以轻松地将代码转换为 AST 对象。
2.2. 使用@gerhobbelt/ast-types
@gerhobbelt/ast-types 是一个用于 AST 操作的库，它封装了操作 AST 所需的很多方法，如：traversal（遍历）、builders（创建节点）等。
在开始使用之前，我们需要先导入这个包：
const { builders, namedTypes } = require('@gerhobbelt/ast-types');namedTypes 提供了一个 AST 节点类型的枚举类型。这个枚举对象用于检查节点类型。
下面介绍一些 @gerhobbelt/ast-types 的方法：
2.3. 创建节点
通过@gerhobbelt/ast-types 的 builders 可以轻松创建一个 AST 对象中的节点，我们可以使用以下代码创建一个 string 类型的节点：
const stringLiteral = builders.stringLiteral('hello world');
console.log(stringLiteral);输出：
{
"type": "StringLiteral",
"value": "hello world"
}同时，也可以使用它提供的方法，创建其他类型的节点。
2.4. AST 节点遍历
@gerhobbelt/ast-types 提供了遍历 AST 的方法，如：traverse ()。可以方便地对 AST 节点进行遍历和修改。
-- -------------------- ---- -------
----- -------- - ------------------------------------------
------------- -
------------------------------ -
----- ---- - ----------
------------ - ----------
-------------------
------ ------
-
---
----- -------- - ------------------------------------------
--------------------------------输出修改后的代码：
function square2(n) {
return n * n;
}同时，还可以使用 other 的访问器函数逐个访问 AST 的其他节点。
-- -------------------- ---- -------
----- ----- - ---------------------------------------
----- ------------- - ---
-- ----- -------- --
---------------- -
------------------- -
-------------------------
--------------------
-
---
-------------------------- -- -------------------输出：
-- -------------------- ---- -------
-
------- ----------------------
----- -
------- -------------
------- ---------
--
--------- -
-
------- -------------
------- ---
-
--
------- -
------- -----------------
------- -
-
------- ------------------
----------- -
------- -------------------
----------- ----
------- -
------- -------------
------- ---
--
-------- -
------- -------------
------- ---
-
-
-
-
-
-3. 总结
@gerhobbelt/ast-types 是一个优秀的 AST 操作库，它封装了很多常用的 AST 节点操作方法，使用起来非常方便。
在实际开发中，我们可以将其应用在代码风格检查、代码修改、代码自动生成等场景中。当然，还有很多其他的用途等待我们去探索。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f03f216403f2923b035be2f