javascript - PhpStorm/WebStorm 中带有调试器语句的即时断点

Question

我正在研究在调试 JavaScript 时立即设置断点的可能性

for (...) {
  for (...) {
    ...
  }
  // need a breakpoint here
}

这里的问题是断点不能在注释行上切换，它需要一个声明。

当 debugger 语句被添加到行时，另一个问题出现了——它不会自动切换到 Debugger 选项卡。它看起来像是申请待处理，没有任何迹象。

而且我尽量避免添加伪语句，因为它们可能会被忽略(至于 debugger，至少有一个检查规则来突出显示它)。

有什么技巧可以实现吗？ debugger 语句至少可以像通常的断点一样运行吗？

Answer 1

说到笼统的问题，只有一个答案，而且是你不想听到的:

您必须有断点声明

没有广泛适用的技巧(尽管可能存在一些 IDE 允许在循环后立即中断......很奇怪)

不幸的是，您想要的通常是使用临时/虚拟语句(正是您试图避免的那种):

for (...) {
  for (...) {
    ...
  }
  // TODO: editors like Eclipse flag TODO lines so they are not lost in the source forest
  setTimeout(Function.prototype, 10000);
}

这是由于(大多数)调试器的工作机制所致:基本文件和行号作为调试器信息(提示)存储在编译代码中，然后在调试执行期间与可用源匹配。对于像 JS/PHP 这样的非编译语言，从源代码解析的字符串采用了类似的技术，但是带有注释或括号的行并不是真正可执行的。

在我自己的开发之旅中，这个问题偶尔会出现。它只是调试性质的一部分。我希望您能找到一种编码解决方案，让您感到舒适和安心。