24

是否有获取编译器语法树的过程。我们被分配了一个需要访问 typescript 语法树的项目（它是开源的，所以我们可以看到整个编译器的代码）。但我们不知道如何获得它。我一直在互联网上阅读一些文章，但我真的找不到一篇对用户友好的文章，或者是用雷曼术语写的。我相信有些人提到我们需要做的第一步是找到解析步骤。但在那之后，我们不知道下一步该做什么。

对不起菜鸟问题。:)

4

2 回答 2

14

TypeScript 编译器 API 真的很容易使用。要解析 typescript 文件并获取 AST，请尝试以下操作：

const ts = require('typescript');
const sourceFile = ts.createSourceFile(filename,
    fs.readFileSync(filename).toString(), ts.ScriptTarget.ES6, false);
console.log(sourceFile.ast);

这会生成 AST，例如：

{
  "kind": 251,
  "pos": 0,
  "end": 1097,
  "flags": 0,
  "bindDiagnostics": [],
  "languageVersion": 2,
  "fileName": "slidingWindow.ts",
  "languageVariant": 0,
  "scriptKind": 3,
  "referencedFiles": [],
  "amdDependencies": [],
  "statements": [
    {
      "kind": 218,
      "pos": 0,
      "end": 69,
      "flags": 0,
      "name": {
        "kind": 69,
        "pos": 10,
        "end": 22,
        "flags": 0,
        "text": "Accumulator",
        "kindDecoded": "Identifier"
      },
      "members": [
        {
          "kind": 148,
          "pos": 24,
          "end": 67,
          "flags": 0,
          "parameters": [
            {
              "kind": 139,
              "pos": 28,
              "end": 42,
              "flags": 0,
              "name": {
                "kind": 69,
                "pos": 28,
                "end": 32,
                "flags": 0,
                "text": "data",
                "kindDecoded": "Identifier"
              },
              "type": {
                "kind": 157,
                "pos": 33,
                "end": 42,
                "flags": 0,
                "elementType": {
                  "kind": 128,
                  "pos": 33,
                  "end": 40,
                  "flags": 0,
                  "kindDecoded": "NumberKeyword"
                },
                "kindDecoded": "ArrayType"
              },
              "kindDecoded": "Parameter"
            },
            {
              "kind": 139,
              "pos": 43,
              "end": 57,
              "flags": 0,
              "name": {
                "kind": 69,
                "pos": 43,
                "end": 49,
                "flags": 0,
                "text": "index",
                "kindDecoded": "Identifier"
              },
              "type": {
                "kind": 128,
                "pos": 50,
                "end": 57,
                "flags": 0,
                "kindDecoded": "NumberKeyword"
              },
              "kindDecoded": "Parameter"
            }
          ],
          "type": {
            "kind": 128,
            "pos": 59,
            "end": 66,
            "flags": 0,
            "kindDecoded": "NumberKeyword"
          },
          "kindDecoded": "CallSignature"
        }
      ],
      "kindDecoded": "InterfaceDeclaration"
    },
...
于 2016-06-28T20:57:33.620 回答
1

您需要从特定编译器获取 AST 还是只从 TypeScript 中的程序获取语法树？如果您对后者感兴趣，那么您可能需要为 TypeScript 获取 BNF 语法（从此处开始），然后使用 ANTLR 为例。它有一个名为 ANTLRWorks 的工具，可让您可视化程序的语法树。

于 2014-02-05T03:18:34.010 回答