调试：是否可以实时看到JS变量的值？

Question

是否有任何工具（最好是任何浏览器的扩展/附加组件）可以让您实时查看所需 JS 变量的所有值变化？

以前我做了这样的事情（用纯JS）：

var someVariable;
var previousValueOfSomeVariable;
var f = function() {
  if (previousValueOfSomeVariable != someVariable) {
    console.log(Date.now(), someVariable);
    previousValueOfSomeVariable = someVariable;
  }
}
var TO = setInterval(f, 100);

它做到了这一点，但当然效率低下（实际上该函数更大，而如果变量是一个对象，则需要对象复制函数并进一步检查）...

更新

我知道控制台工具，但我想查看更改的历史记录，例如：

someVariable

0 毫秒：undefined；

10 毫秒：5；

40 毫秒：'someothervalue'；

150毫秒：null

ETC。

（给出的毫秒数仅供示例之用，不一定是必需的）。也许可以在 DevTools 控制台中完成，但我不知道如何做。

Answer 1

啊，是的 object.watch 。但它并不经常使用！这是我认为您正在寻找的更详细的帖子Listening for Variable Changes in JavaScript or jQuery