JavaScript：命名空间与作用域

Question

我对 JavaScript 中作用域和闭包的概念有相当好的把握。

此外，以下网站提供了如何实现 JavaScript 命名空间的示例：

1. Everything you wanted to know about JavaScript scope
2. Namespacing in JavaScript

我仍然不明白的是有多少人似乎混合了范围和命名空间的概念。此外，同样的人还经常提到不应该“污染全局命名空间”而不是“在全局范围内创建全局变量/变量”。

问题

• 作用域和命名空间是两个完全不同的概念，这不正确吗？
  • 命名空间：对代码进行分组，使组内的名称是唯一的，并且不能与其他命名空间中的相似名称发生冲突
  • 范围：定义变量的可访问性。 JavaScript 有两个作用域，全局作用域和本地/函数作用域（ES 2015 引入了块作用域，let/const）
• 下面的对象字面量为bar创建一个新的命名空间，避免污染全局命名空间（foo除外）是否正确，但bar仍在全局范围内：var foo = { bar: 42 }
• 说“不要创建全局变量，以免污染全局命名空间”是不是错了？全局变量与局部变量（范围）与命名空间不同。正如所见，完全有可能在一个新的命名空间中屏蔽一个变量，并且仍然让它在全局范围内。
• 如果避免污染全局命名空间是我们不应该创建全局变量的唯一原因，那么仅仅创建新的命名空间并使其保持全局性还不够吗？

Answer 1

作用域和命名空间是两个完全不同的概念，这不正确吗？

我不会说作用域和命名空间是完全不相关的。如果我们采用“namespace”的字面意思，它是一个具有不同名称的space - 正如你所说的，它是唯一的，并且不会与其他空间的名称冲突。

在这方面，作用域肯定形成了一个命名空间——变量名称是不同的，并且不会与其他作用域的名称发生冲突。但是，作用域是内部的，无法从外部访问，因此组织事物并不是特别有趣。

一个对象也形成了一个名称空间——属性名称是不同的，并且不会与其他对象上的名称冲突。这就是为什么使用对象将代码结构化为模块的原因，这也是 JavaScript 中“命名空间”的传统含义。

下面的对象字面量是否为bar创建了一个新的命名空间，避免污染全局命名空间（foo除外），但bar仍在全局范围内：var foo = { bar: 42 }

不，bar 不是全局范围的成员。它是某个对象的属性。

说“不要创建全局变量以免污染全局命名空间”是不是错了？全局变量与局部变量（作用域）与命名空间不同。

全局变量在 JS 中有点特殊：它们既是全局对象的属性，又是全局范围内的变量。这就是为什么我们谈论“全局命名空间”来涵盖所有内容 - 特别是要强调名称不得冲突。

如果避免污染全局命名空间是我们不应该创建全局变量的唯一原因，那么仅仅创建新的命名空间并仍然保持全局是不够的吗？

创建命名空间，如上面示例中的{bar: 42}，仍然会创建全局变量：foo。它只是创建 更少 变量 - 每个模块一个。它还创建了一个特定的命名约定，即全局变量应该引用模块而不是普通变量。我们不会使用var i, increment, decrement;，而是使用var counter = {i: …, increment(){…}, decrement(){…}};，并在名称counter 中提及它们的用途。