javascript - 您可以在 chrome devtool 中查看以前/当前值吗？

Question

我想知道是否有一种简单的方法可以发现我在哪里以及之前的评估值是多少。

例如，在 codepen 链接中，如果我从 funcA Step Up，我将进入 console 内的 funcB。 log(funcA()*)，其中 * 是当前调试器位置。有没有办法让我知道我刚从中出来的框架返回了 "a" 的值？

https://codepen.io/anon/pen/LBxwRP

PS:我正在寻找一个神奇的变量，devtool 将这个值赋给它，也许是 $_ 之类的东西？

Answer 1

只有当它被变量存储/引用时，您才能在调试器中看到该值。您可以像下面这样编写函数调用，然后您可以通过观察 x 来查看值。

const funcB = () => {
  console.log(x = funcA());
}

您的另一个选择是使用 Chrome 对 Return value 本地范围变量的内置支持，将其存储为全局变量，然后在范围外访问它。但同样，在调试 funcA 期间需要手动干预以选择 Store as global variable。



如果您想以编程方式执行此操作，请在返回前分配一个具有 funcA 结果的全局变量。

我明白你在找什么，并且知道一些编程 IDE/引擎支持这个功能，但 AFAIK chrome devtools 还没有。

注意:值得向 DevTools 社区提出功能请求。