Как мы можем получить дерево синтаксиса TypeScript?

Есть ли процесс получения дерева синтаксиса компилятора. Мы были назначены в проекте, которому необходимо получить доступ к дереву синтаксиса typescript (который является открытым исходным кодом, чтобы мы могли видеть весь код компилятора). Но мы не знаем, как это получить. Я читал некоторые статьи в Интернете, но я не могу найти удобную для пользователя статью или написанную в терминах lehman. Я считаю, что некоторые упомянули, что первый шаг, который нам нужно сделать, - найти шаг синтаксического анализа. Но после этого мы понятия не имели, что делать дальше.

Извините за вопрос noob.:)

Ответ 1

API-интерфейс компилятора TypeScript действительно прост в использовании. Чтобы проанализировать файл 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"
    },
...

Ответ 2

Вам нужно получить AST от конкретного компилятора или просто получить дерево синтаксиса из программы в TypeScript? Если вас интересует более поздняя версия, то вам может понадобиться захватить грамматику BNF для TypeScript (начальная точка here), а затем использовать ANTLR для пример. Он имеет инструмент ANTLRWorks, который позволяет визуализировать дерево синтаксиса программы.