变量值更改时中断

Question

与此处的其他问题类似，喜欢这个。

有没有办法在任何 JavaScript 调试器中中断变量值的更改？ （如 IE 开发工具、Visual Studio 或 Firebug）？

我猜它类似于“监视变量”，但我希望能够看到调用堆栈并在变量实际发生更改时暂停它。

另一种方法可能是使用自定义设置器覆盖值设置，并在其中放置一个断点，但不幸的是，这对 IE AFAIK 不起作用。

更新 看来这种类型的行为至少适用于非托管代码 用 C++ 编写 所以我想也许用 C++ 编写的 javascript 引擎（Google 的 V8）可能有类似的东西，但这似乎也没有我想要的。

Answer 1

您甚至不需要 IDE - 您可以使用“Object.watch()”：

Object.Watch 教程

如果您使用任何一种调试器，我强烈推荐 Firebug。满足您所有 Javascript、HTML 和 CSS 需求:-)：

http://getfirebug.com/javascript

== =================================================== =======

2019 年更新：

• Object.Watch 是古老的历史。巧合的是，它在大多数现代浏览器中都不可用。

• 最近我个人最喜欢的 JS 调试工具是 Chrome 开发者工具.

• 我个人最喜欢的 JS IDE（适用于 Angular、.Net Core 等）是 Microsoft Visual Studio Code (MSVC)。

• 您可以使用 Chrome 调试器执行几乎任何“预期”调试操作 - 包括设置监视（就像使用 FF Firebug 一样）。

• Chrome 调试器与 MSVC IDE 集成良好。

• 两者都是“免费的”（至少“像啤酒一样免费”）；两者都在 Windows、Mac 和 Linux 上运行良好。

Answer 2

我在 Chrome 中使用这个库取得了成功，它看起来支持所有主要浏览器。

https://gist.github.com/eligrey/384583

只需包含 .js 文件，然后调用：

yourObject.watch('someProperty', function() { 
    doWhatYouWant(); 
    debugger; 
    console.write('this too'); 
    alert('Object Changed'); //etc 
});

Answer 3

我不知道我是否误解了你的问题。如果你想在 Chrome 开发者工具的 js 调试会话中观察一个表达式并在它达到某个值时停止，这是相当简单的。

您只需在要检查的值所在的行上放置一个断点，然后单击鼠标右键并选择“编辑断点...”。将弹出一个对话框，提示输入表达式，当其值为 true 时，执行将停止。

例如，假设您有一个循环，并且要向其中的变量添加一个单位，并希望在变量等于 3 时停止执行。循环中的表达式如下所示：

n = i++;

您必须在该行上设置断点，并且要观察的表达式（在“编辑断点...”提示后）将为 n == 3。运行代码时，当变量达到该值时，它将停止。

您会注意到您的条件已设置，因为断点变为橙色而不是蓝色。