我经常遇到的网站将所有JavaScript放在一个namespace
结构中:
namespaces = { com : { example: { example.com's data} }
但是,相对于其他命名空间框架安全地设置它似乎需要相对大量的代码(定义为> 2行).我想知道是否有人知道这样做的简洁方法?此外,是否有相对标准/一致的结构方式?例如,com
命名空间是直接附加到全局对象,还是通过命名空间对象附加?
[编辑:哎呀,显然{com = { ... } }
不会做任何接近我的意图,感谢Shog9指出这一点.]
Javascript没有独立的命名空间.它具有可以提供解析名称和对象的范围的功能,这些功能可以对给定范围内可访问的命名数据做出贡献.
这是你的例子,更正了:
var namespaces = { com: { example: { /* example.com's data */ } } }
这是一个namespaces
赋予对象文字的变量.该对象包含一个属性:com
,一个具有一个属性example
的对象:,一个可能包含有趣内容的对象.
因此,您可以输入类似namespaces.com.example的内容.somePropertyOrFunctionOnExample,它都会工作.当然,这也是荒谬的.您没有分层命名空间,您有一个对象,其中包含一个对象,该对象包含您实际关注的内容.
var com_example_data = { /* example.com's data */ };
这也很有效,没有毫无意义的层次结构.
现在,如果你真的想要构建一个层次结构,你可以尝试这样的事情:
com_example = com_example || {}; com_example.flags = com_example.flags || { active: false, restricted: true}; com_example.ops = com_example.ops || (function() { var launchCodes = "38925491753824"; // hidden / private return { activate: function() { /* ... */ }, destroyTheWorld: function() { /* ... */ } }; })();
......恕我直言,相当简洁.
以下是Peter Michaux关于Javascript Namespacing的一篇有趣文章.他讨论了3种不同类型的Javascript命名空间:
前缀命名空间
单个对象命名空间
嵌套对象命名空间
我不会抄袭他在这里说的话,但我认为他的文章非常有用.
彼得甚至指出,其中一些人有性能方面的考虑.我认为这个话题很有意思,考虑到新的ECMAScript Harmony计划已经放弃了4.0的命名空间和包装计划.
我尝试遵循雅虎惯例,即在全局范围内制作单个父对象以包含所有内容;
var FP = {}; FP.module = {}; FP.module.property = 'foo';
要确保不覆盖现有对象,您应该这样:
if(!window.NameSpace) { NameSpace = {}; }
要么
var NameSpace = window.NameSpace || {};
这样,您可以将它放在应用程序/网站中每个文件的顶部,而不必担心覆盖命名空间对象.此外,这将使您能够单独为每个文件编写单元测试.