调试大段 JavaScript 代码的技术

techniques of debugging large piece of javascript code

本文关键字：技术 代码 JavaScript 调试      更新时间：2023-09-26

最近，我有机会参与一个包含一些大型JavaScript文件的项目。我会说每个文件 4000-5000 行。例如，有 3 个大文件（自定义插件）相互构建。我有一个需要解决的调试任务（逻辑上，它不是js错误）。当我尝试调试和理解 chrome 开发工具下的逻辑时，例如逐步执行或跟踪变量的来源和去向，我总是在某个时候迷路，因为文件太大了。我想也许我需要坐下来阅读所有文件并在纸上绘制逻辑，我想这可能不是一个好的解决方案。我想知道我是否错过了调试和跟踪变量或逻辑的任何技术。请与我分享您的经验。谢谢

有时当我看到这样的东西时，我会从创建一个测试开始。 尝试仅测试缺陷。 获取一个工作副本并尝试减少它，直到您隔离出问题为止。

祝你好运！

具体而言，对于高级步骤调试，有：

  • 使用调用堆栈检查调用作用域中的局部变量，而无需跳出函数。

  • 使用条件断点。

https://developers.google.com/chrome-developer-tools/docs/javascript-debugging

如果您的 JavaScript 发出大量 HTTP 请求，使用网络选项卡检查请求和响应是否符合预期也可能很有用。

相关文章：