watch 函数表达式影响 Chrome devtool 中的调试

Question

来自 Chrome 开发工具示例 https://googlechrome.github.io/devtools-samples/debug-js/get-started

在inputsAreEmpty函数的第一行添加断点，inputsAreEmpty()进入Watch，inputsAreEmpty()在watch中会调用。

如果将日志插入inputsAreEmpty函数，日志会打印更多次，为什么会这样？

Answer 1

如果您的意思是您将 inputsAreEmpty() 作为 Watch 表达式，则该表达式将在 Watch 需要更新其显示的任何时候进行评估（调用 inputsAreEmpty）。如果您在inputsAreEmpty 中设置断点，Watch 需要在到达断点时更新其显示——这意味着调用inputsAreEmpty，它将到达断点，依此类推，依此类推。

一般来说，最好不要在 Watch 表达式中调用函数（虽然也有例外）。但是你绝对需要避免在你有断点的 Watch 表达式中调用函数，因为它会造成上面的恶性循环。