用于分析和绘制Javascript函数之间依赖关系的工具

Question

是否有可以为javascripts生成函数依赖图的程序/工具？基本上,输入应该是javascript文件的文件夹,然后输出是一个很好的图形,显示每个函数之间的所有关系.如果我也可以与图表进行交互,那会更好.

有没有办法做到这一点？

谢谢

Answer 1

在 Windows 和 Visual Studio 上，您可以查看 JSAnalyse：http://jsanalysis.codeplex.com/

我还没有尝试过，但从描述来看，它解析 JavaScript 文件并根据不同文件之间的静态引用创建不同文件的依赖关系树。

该项目

JSAnalyse 是一个分析 JavaScript 文件之间的依赖关系并控制它们的工具。它有助于可视化和处理 JavaScript 文件之间的静态引用，以确保定义的客户端架构。

在过去几年中，Web 应用程序中的 JavaScript 行数量急剧增加。许多新的客户端框架（如 JQuery、Knockout 等）已经兴起，但开发 JavaScript 的工具只是稍微好一点。例如，Visual Studio 2010 改进了 IntelliSense。但对于设计良好的应用程序来说，不再仅仅与服务器端代码相关。为客户端代码提供良好的架构并使其在整个应用程序生命周期中保持健康良好的状态也非常重要。这正是 JSAnalyse 发挥作用的时候。它不仅可以分析现有的 JavaScript 依赖关系，还可以限制它们。允许的依赖关系可以通过 XML 或使用强大的 Visual Studio 2010 体系结构功能进行配置。JSAnalyse 为 Visual Studio 层图提供了扩展，以验证和控制 JavaScript 文件之间的依赖关系。这可以集成到构建中，并且通过门控签入功能，甚至无法签入不满足 JavaScript 架构规则的源代码。