javascript - 请问下： 在前端语言JavaScript/TypeScript 编程中，是否有这样的开源库，可以找到类或者接口的继承链？

Question

请问下：

在前端语言JavaScript/TypeScript 编程中，是否有这样的开源库，可以找到类或者接口的继承链？

比如：

animal.ts

class AnimalBase {...}
export class Animal extends AnimalBase {...}

bird.ts

import { Animal } from './Animal.ts'
import { Flyable } from '@types/fly'

class Bird extends Animal implements Flyable {...}

然后使用这个开源库可以对特定的class获取到继承树的数据结构：

{
  type: 'Class'
  name: 'Bird',
  children: [
    {
      'type': 'Class',
      'name': 'Animal',
      children: [{type:'Class', name: 'AnimalBase'}]
    },
    {
      'type': 'Interface',
      'name': 'Flyable'
    }
  ]
}

Answer 1

在JavaScript和TypeScript的生态系统中，确实存在一些工具和方法可以帮助你分析或可视化类与接口的继承链。然而，直接提供一个完全符合你给出的数据结构格式的现成库可能不那么容易找到，因为这通常取决于你如何定义和解析这些结构。

不过，你可以通过以下几种方式来实现或接近你的需求：

1. TypeScript 编译器 API（ts-morph 或 TypeScript ASTs）：

   • 使用TypeScript的编译器API（如typescript库自身或第三方库如ts-morph）来解析你的.ts文件，并遍历AST（抽象语法树）来构建继承链。
   • 这些API提供了丰富的接口来访问类型定义、类、接口及其继承关系。

2. 自定义脚本：

   • 编写一个自定义的脚本来读取TypeScript文件（可能需要先编译为JavaScript或使用TypeScript的AST），然后分析每个类定义和它的继承关系。
   • 这种方法需要你对TypeScript的AST有一定的了解，但提供了最大的灵活性来生成你需要的任何格式的数据结构。

3. 文档生成工具：

   • 使用如TypeDoc或JSDoc这样的工具来生成API文档，这些工具通常可以处理类和接口的继承关系，但可能不会直接提供你需要的特定格式的数据结构。
   • 你可能需要解析这些工具生成的文档来构建你的数据结构。

4. 社区项目和库：

   • 尽管可能没有直接满足你需求的库，但可能有其他项目或库在处理类似问题时提供了有用的代码或思路。
   • 搜索GitHub或其他代码托管平台上的相关项目可能是一个好主意。

5. IDE插件或扩展：

   • 一些IDE（如Visual Studio Code）的插件或扩展可能提供了查看类或接口继承链的功能，但它们可能不提供直接导出为JSON或类似格式的功能。

如果你选择使用TypeScript的编译器API或ts-morph，你可以编写一个脚本来遍历你的源代码文件，查找类和接口定义，并构建出你所需要的继承链数据结构。这种方法虽然需要一些编程工作，但提供了最大的灵活性和准确性。