调试大块javascript代码的技术

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

有时候当我看到类似的东西时，我会先创建一个测试。试着只测试缺陷。拿一份工作副本，并尽量减少它，直到你已经隔离了问题

祝你好运

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

• 使用调用堆栈检查调用范围中的局部变量，而不必退出函数

• 使用条件断点

---

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

检查[什么是好的技术…]（）还有一些关于调试的问题。将消息记录到控制台，让您知道自己在代码中的位置以及变量的外观，这始终是一个很好的起点。这是什么样的问题？如果您能提供一些上下文，一些方法可能对某些问题更有效。