javascript - 调试大段 JavaScript 代码的技巧

Question

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

Answer 1

有时，当我查看类似的内容时，我会先创建一个测试。尝试仅测试缺陷。获取工作副本并尝试减少其数量，直到找出问题为止。

祝你好运!

具体来说，对于高级单步调试，有:

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

• 使用条件断点。

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

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