esquery 是一个基于 ECMAScript AST 的查询工具，它允许你使用类似 CSS 选择器的语法来查找 JavaScript 代码中的节点。本文将介绍如何使用 npm 包 esquery 来进行 JavaScript 代码的查询。
安装
可以通过 npm 来安装 esquery：
npm install esquery
使用
加载代码
首先，我们需要将要查询的 JavaScript 代码加载到 AST 中。可以使用 esprima 这样的工具来将代码解析成 AST：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ---- - - -------- --------- - ------ - - -- - -- ----- --- - --------------------------
查询节点
接下来，我们可以使用 esquery 的 match 函数来查询节点。该函数有两个参数：要查询的节点和查询条件。查询条件可以是单个字符串或由数组组成的复杂查询表达式。
例如，假设我们要查询所有的函数调用：
const esquery = require("esquery");
const matches = esquery.match(ast, "CallExpression");
console.log(matches);上述代码将返回 AST 中所有的函数调用节点。
使用选择器
esquery 支持多种选择器类型。以下是一些常见的选择器类型：
Identifier: 匹配标识符（变量名、函数名等）。Literal: 匹配字面量。MemberExpression: 匹配对象属性访问表达式。BinaryExpression: 匹配二元表达式（如a + b）。UnaryExpression: 匹配一元表达式（如!a）。
除了这些基本的选择器类型，还有其他更高级的选择器类型，如伪类、组合器等。例如，可以使用伪类选择器 :has 来查询所有包含指定子节点的节点：
const matches = esquery(ast, ":has(VariableDeclarator > Identifier[name=foo])");
上述代码将返回所有声明了名为 foo 的变量的节点。
查询结果
esquery 返回一个数组，其中包含与查询条件匹配的所有节点。对于每个节点，都会返回它在 AST 中的位置信息和相关信息。以下是一个示例结果：
-- -------------------- ---- -------
-
-
----- -----------------
------ ---
---- ---
------- -
----- -------------
------ ---
---- ---
----- --------
--
---------- -
-
----- -------------
------ ---
---- ---
----- ---
--
-
----- -------------
------ ---
---- ---
----- ---
-
-
-
-总结
esquery 是一个非常强大的工具，可以帮助我们快速准确地查询 JavaScript 代码中的节点。通过学习本文提供的内容，你应该能够开始使用 esquery 来查询 JavaScript 代码，并快速获得你需要的信息。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/47672