backbone.js - Chrome javascript 工具 : Global, 关闭和本地范围

Question

我正在 Chrome javascript 控制台中玩一个 Backbone 日历应用程序(它允许您在日历上发布事件)并注意在右侧(见图片)它有一个显示本地、关闭和全局范围的面板。在这个特定的应用程序中，我在 EventsView 中设置了调试器，Chrome 告诉我 Event(一个模型)和 EventView(一个特定事件的 View )在 Closure 范围内。

我有点理解全局、闭包和本地。全局范围可以是全局命名空间中的任何内容。局部是当前范围内的所有变量。您能否用实际的术语解释 Event 和 EventView 处于闭包范围内意味着什么，以及这将如何提高我对应用程序工作方式的理解……这能为我提供什么见解？此外，您会注意到在 Local 范围内，“this”被称为“child”。为什么？ parent 会是什么？

Answer 1

在此处阅读有关闭包的信息:How do JavaScript closures work?

但简短的回答是，假设您在下面第 6 行的断点处暂停，变量“global”将出现在调试工具的“全局变量”部分，“closure”出现在“闭包”部分，“local”出现在本地部分:

1 var global = 'foo';
2
3 function bar() {
4   var closure = 'baz';
5   function oof() {
6       var local = 'rab'; // stopped on a breakpoint on this line
7   }
8 }

调试时，了解您需要查找多少个闭包才能找到变量定义、它可能适用于多少其他上下文、在局部范围内更改它的后果等等，这很有帮助。