javascript - 使用 Chrome DevTools 控制台以编程方式访问功能范围

Question

当我打开 Chrome (v35) DevTools 并检查对象时，控制台可以向我显示嵌套在函数中的内容，包括标记为“函数范围”的内容。

例如，在查看 stackoverflow.com 时，我可以看到有一个全局 $ 对象包含另一个名为 Callbacks 的函数。 Callbacks 与 $ 一样，具有包含 Closure 和 Global 的功能范围。

• 问题 1:直接嵌套在函数中的命名对象与函数范围内包含在闭包中的对象有什么区别？
• 问题 2:如何以编程方式在控制台中引用函数作用域？ window.$.Callbacks.???? chrome.function???(window.$.Callbacks)

我问的原因是因为我正在寻找内存泄漏，并且想根据对象类型和属性名称搜索函数闭包中保存的对象。

Answer 1

What is the difference between some named object nested directly within a function and some object contained within a Closure in its function scope?

与函数直接嵌套的对象是函数对象的一个​​属性。例如，$.Callback 有一个值为 1 的 .length 属性，它确实有一个 .prototype 属性，它确实从 Function.prototype 等继承 (__proto__)

作用域中的对象是一个变量，可以从函数周围的作用域访问它。参见 How do JavaScript closures work?

How do I programmatically reference a function scope in the console?

你不能。范围不能以编程方式访问。我认为 devtools 也没有任何助手来允许这样做。另见 How do I search through scope variables in Google Chrome Developer Tools?