摘要：结合上面三个函数，我们可以得到的基本使用方法获得语法树获得选择器查找节点如果语法树和选择器可能被多次使用，则建议使用变量将它们分别保存下来，避免重复解析导致的资源浪费和时间开销的生成和遍历还是比较花时间的。
前言
最近在给公司的 web 框架做一个 vscode 的辅助插件，其中有个对需要路由一些文件进行解析，实现配置文件和对应文件的关联信息显示和跳转的功能。既然是对文件进行解析，很自然就会想到使用 ast 的方式来做，加上需要对 TypeScript 也进行支持，我便选择了使用 TypeScript 自带的 ast 工具来进行解析。
在一开始我通过 ts 的forEachChild方法遍历和对比节点的kind属性来确定是否是我需要处理的节点，但是之后发现这个方式有几个缺点：
当需要查找满足条件的子级的 ast 节点时，需要做多次比较
对满足某一条件的多个不同类型的节点需要比较多次，编写满足条件麻烦
对分布在同一文件中的多个同名标识符，不能统一提取和处理
为了解决这些，我找到并引入了tsquery这个库，它是 TypeScript 版的esquery，能够让我们使用 css 选择器的方式来快速查询满足指定条件的 TypeScript ast 节点（也支持 JavaScript）。
比较 demo在介绍tsquery的使用方式之前，我们先来看一个对比。
对下面这段简单的代码：
class Animal {
constructor(public name: string) { }
move(distanceInMeters: number = 0) {
console.log(`${this.name} moved ${distanceInMeters}m.`);
}
}
若我们要查找到Animal这个类的构造函数的所有参数并打印它们的名称，在使用 tsquery 之前，我们会编写这样一段代码：
import { ClassDeclaration, createSourceFile, Node, ScriptTarget, ConstructorDeclaration, SyntaxKind } from "TypeScript";
import { code } from "./code";
const sourceFile = createSourceFile("fileName", code, ScriptTarget.Latest, true);
sourceFile.forEachChild(findClass);
function findClass(node: Node): void {
if (node.kind === SyntaxKind.ClassDeclaration) {
const { name } = node as ClassDeclaration;
if (name && name.text === "Animal") {
node.forEachChild(findConstructor);
return;
}
}
node.forEachChild(findClass);
}
function findConstructor(node: Node): void {
if (node.kind === SyntaxKind.Constructor) {
printParameters(node as ConstructorDeclaration);
}
}
function printParameters(node: ConstructorDeclaration) {
node.parameters.forEach(parameter => {
console.log(parameter.name.getText());
})
}
而在我们引入了tsquery之后，只需要下面这么几行简单的代码：
import { tsquery } from "@phenomnomnominal/tsquery";
import * as ts from "TypeScript";
import { code } from "./code";
const parameters = tsquery.query(code, "ClassDeclaration[name.name="Animal"] > Constructor > Parameter");
parameters.forEach(param => console.log(param.name.getText()));
怎么样，是不是对比强烈，让你迫不及待得想把tsquery用到自己的项目中？
使用方式那么接下来，我就来介绍一下如何去使用tsquery：
APItsquery对象提供了下面几个方法：
ast:
function ast(source: string, fileName?: string): SourceFile;
ast方法的功能如同其名，就是接收源代码，返回一个解析后的ast语法树，实际上就是调用了ts的createSourceFile方法。
parse:
function parse(selector: string, options?: TSQueryOptions): TSQuerySelectorNode;
parse方法接收一个规则字符串，这个字符串会被解析成tsquery的选择器对象并返回，再被用于下面的match方法中。
match:
