了解 javascript 全局命名空间和闭包

Question

我正在努力提高我对 javascript 中全局命名空间的理解，我对以下几点感到好奇：

1. 是否有一个“GOD”（即父级）对象，所有对象（因为除了基元之外的所有事物都是对象）都可以回答，如果有，该对象是否会是“窗口”？

   李>

2. 为什么在全局级别拥有变量/函数是个坏主意？

3. 如果在全局范围内拥有变量/函数真的是个坏主意，那么闭包是避免这种情况的最佳方法吗？示例：

   function parent(){
       var x = 'some value';//this var would be considered global to all children functions but not in the true global namespace
       function child1(){
           x.someMethod()
       } 
       function child2(){
           x*something;
       }
       function child3(){
           x+=something;
           child2()
           child1()
       }
       child3()
   }
   parent()
   

Answer 1

1. 是否有一个神（即父母）对象？

   Yes. 从技术上讲，它是所有这些原语的成员的全局对象；只是碰巧在浏览器中，window 对象是全局对象。

   > window.String === String;
   true
   

2. 为什么在全局级别拥有变量/函数是个坏主意？

   因为如果您要添加大量第 3 方库/脚本，它们都共享同一个全局对象，因此存在名称冲突的可能性。这是所有使用$ 作为别名的库（jQuery、Prototype 等）的现实问题。

3. 如果在全局范围内拥有变量/函数真的是个坏主意，那么闭包是避免这种情况的最佳方法吗？

   x 不应被视为全球性的。它是通过在parent() 函数内声明子函数而形成的闭包的一部分。您的 sn-p 的 问题 部分是 parent() 是全局的；如果其他代码重新声明parent()，会发生什么？这样会更好：

   (function () {
   
   function parent(){
       var x = 'some value';
       function child1(){
           x.someMethod()
       } 
       function child2(){
           x*something;
       }
       function child3(){
           x+=something;
           child2()
           child1()
       }
       child3()
   }
   parent()
   
   }());
   

   x 可以在子函数中访问这一事实还不错；您应该自己编写这些函数，所以您应该知道x 的存在。请记住，如果您在这些子函数中使用var 重新声明x，则不会影响parent() 中的x。

Answer 2

1. 是的，在浏览器环境中，“上帝对象”是窗口。它通常被称为 global object，而不是 god object ;) 在非浏览器环境（例如 nodejs）中，全局对象可能使用除 window 之外的其他名称。

2. 如果将所有内容都作为全局变量，则可能会遇到名称冲突。还有encapsulation 的问题 - 换句话说，通过将变量只放入需要它的范围内，您的代码通常会更好。

3. 是的，这几乎是首选方法。你也可以使用IIFE的

Answer 3

1. 据我所知，我会说是的，window 是父对象。但是，在 Iframe 中，您有自己的窗口对象，与可以通过 window.parent 访问的周围窗口不同

2. 拥有大量全局变量是个坏主意，因为可能存在名称冲突，因此很难检测到错误。一般来说，设计一些命名空间更安全（参见 $ 来自 jQuery 等）并模块化代码。

3. 小心，parent 是一个潜在存在的窗口字段。这被认为是对象，因此与 2) 中的观察相同。

Answer 4

如果您需要将变量放入全局命名空间，并且您可能会在某个时候创建​​单个对象变量并将您的其他变量作为属性或方法添加到其中。给对象起一个其他人不太可能使用的名称（诚然，这是出现冲突问题的地方，但可以通过谨慎的标准化命名来缓解）。

例如而不是：

var thing1 = 'table';
var anotherthing = 'chair';
var mypet = 'dog';
var count = 4;
var show_something: function( _txt ) { return _txt.trim(); };

这样做：

var cmjaimet_obj = {
  thing1: 'table',
  anotherthing: 'chair',
  mypet: 'dog',
  count: 4,
  show_something: function( _txt ) { return _txt.trim(); }
};

然后将它们称为属性：

例如而不是：

count += 2;
anotherthing = 'sofa';
console.log( show_something( 'Thing: ' + anotherthing ) );

这样做：

cmjaimet_obj.count += 2;
cmjaimet_obj.anotherthing = 'sofa';
console.log( cmjaimet_obj.show_something( 'Thing: ' + cmjaimet_obj.anotherthing ) );