javascript - 如何列出我在 Chrome DevTools 中创建的所有全局变量？

Question

首先，在典型的浏览器环境中存在大量的全局变量，并且在您可能加载的任何 Web 应用程序中通常会包含更多的全局变量。当我在开发工具中的 session 中被跟踪时，我想列出我自己的所有变量，以快速查看我已经发现的内容以恢复，而不是尝试从窗口和命令行历史记录中将其拼凑在一起，理想情况下没有来自页面或浏览器对象模型。

(如果您想要所有全局变量，而不仅仅是您在开发工具中创建的变量，there's a Q&A for that here。)

Answer 1

如果页面不会动态地将新标识符泄漏到全局范围内，则此 hack 会列出在 window 标识符之后创建的所有标识符，这似乎非常适合此目的。 myids() 只是列出它们的名称，而 myvars() 将它们收集到一个您可以检查的对象中，以便在上下文中一起查看它们:

function myids() {
  function notUs(i) { return i !== 'myids' && i !== 'myvars'; }
  var ids = Object.keys(window);
  return ids.slice(ids.indexOf('window') + 1).filter(notUs);
}

function myvars() {
  function gather(a, i) { a[i] = window[i]; return a; }
  return myids().reduce(gather, {});
}

它并不完美，但总比没有好，而且它应该只有误报，没有误报。