我创建了一个JavaScript类如下：JavaScript的命名空间声明
var MyClass = (function() {
function myprivate(param) {
console.log(param);
}
return {
MyPublic : function(param) {
myprivate(param);
}
};
})();
MyClass.MyPublic("hello");
上面的代码工作，但我的问题是，怎样，如果我要介绍的命名空间是类。
基本上我希望能够调用类是这样的：
Namespace.MyClass.MyPublic("Hello World");
如果我加入Namespace.MyClass，它会抛出错误“语法错误”。 我确实尝试添加“window.Namespace = {}”，它也不起作用。
谢谢.. :)
通常我会建议这样做（假设Namespace没有别处定义）：
var Namespace = {};
Namespace.MyClass = (function() {
// ...
}());
更灵活，但是更复杂的方法：
var Namespace = (function (Namespace) {
Namespace.MyClass = function() {
var privateMember = "private";
function myPrivateMethod(param) {
alert(param || privateMember);
};
MyClass.MyPublicMember = "public";
MyClass.MyPublicMethod = function (param) {
myPrivateMethod(param);
};
}
return Namespace
}(Namespace || {}));
这如上构建Namespace.MyClass，但不依赖于Namespace已经存在。如果它不存在，它会声明并创建它。这也可以让你在不同的文件中并行加载Namespace的多个成员，加载顺序无关紧要。
更多：http://www.adequatelygood.com/2010/3/JavaScript-Module-Pattern-In-Depth
+1，不错的做法！ – CMS 2010-03-25 00:02:38
'（Namespace || {}）是什么意思;'最后？ – 2016-02-03 10:45:58
一个简洁的方式去做你问的是创造“命名空间”作为对象的文字是这样的：
var Namespace = {
MyClass : (function() {
... rest of your module
})();
};
这可能导致冲突，如果你想将其他详细信息附加到其他文件中的名称空间，但是您可以通过首先创建名称空间，然后明确设置成员来解决该问题。
YUI有声明的命名空间一个很好的方法，你想命名空间这样
if (!YAHOO) {
var YAHOO = {};
}
YAHOO.namespace = function() {
var a = arguments,
o = null,
i, j, d;
for (i = 0; i < a.length; i = i + 1) {
d = ("" + a[i]).split(".");
o = YAHOO;
for (j = (d[0] == "YAHOO") ? 1 : 0; j < d.length; j = j + 1) {
o[d[j]] = o[d[j]] || {};
o = o[d[j]];
}
}
return o;
}
将它上面的任何功能：
YAHOO.namespace("MyNamespace.UI.Controls")
MyNamespace.UI.Controls.MyClass = function(){};
MyNamespace.UI.Controls.MyClass.prototype.someFunction = function(){};
这种方法实际上是独立的，可以很容易地适应您的应用程序。 只需找到您的应用程序的基本名称空间并将其替换为“YAHOO”，您将拥有类似MyOrg.namespace的内容。这种方法的好处是，你可以在任何深度声明命名空间，而不必在两者之间创建对象数组，如“UI”或“Controls”
结帐namespace library，它非常轻巧，易于实现。
(function(){
namespace("MyClass", MyPublic);
function MyPublic(x){
return x+1;
}
})();
它支持自动嵌套以及
namespace("MyClass.SubClass.LowerClass", ....)
会产生必要的对象层次，如果MyClass的，子类没有已经存在。
bob.js具有良好的语法定义JavaScript的命名空间：
bob.ns.setNs('myApp.myMethods', {
method1: function() {
console.log('This is method 1');
},
method2: function() {
console.log('This is method 2');
}
});
//call method1.
myApp.myMethods.method1();
//call method2.
myApp.myMethods.method2();
自动化在JavaScript的命名空间声明是很简单的，你可以看到：
var namespace = function(str, root) {
var chunks = str.split('.');
if(!root)
root = window;
var current = root;
for(var i = 0; i < chunks.length; i++) {
if (!current.hasOwnProperty(chunks[i]))
current[chunks[i]] = {};
current = current[chunks[i]];
}
return current;
};
// ----- USAGE ------
namespace('ivar.util.array');
ivar.util.array.foo = 'bar';
alert(ivar.util.array.foo);
namespace('string', ivar.util);
ivar.util.string.foo = 'baz';
alert(ivar.util.string.foo);
试试看：http://jsfiddle.net/stamat/Kb5xY/ 博客文章：http://stamat.wordpress.com/2013/04/12/javascript-elegant-namespace-declaration/
这是我使用的设计模式，它允许嵌套名称空间以及（甚至从一个单独的JS文件）添加到命名空间之后，这样你就不会污染全局命名空间：
例子：JsFiddle
(function ($, MyObject, undefined) {
MyObject.publicFunction = function() {
console.log("public");
};
var privateFunction = function() {
console.log("private");
};
var privateNumber = 0;
MyObject.getNumber = function() {
this.publicFunction();
privateFunction();
privateNumber++;
console.log(privateNumber);
};
// Nested namespace
MyObject.nested = MyObject.nested || {};
MyObject.nested.test = function (text) {
console.log(text);
};
}(jQuery, window.MyObject = window.MyObject || {}));
// Try it
MyObject.getNumber();
MyObject.nested.test('Nested');
下面是如何从其它添加到MyObject JavaScript文件：
(function ($, MyObject, undefined) {
MyObject.newFunction = function() {
console.log("Added");
};
}(jQuery, window.MyObject = window.MyObject || {}));
// Pass `jQuery` to prevent conflicts and `MyObject` so it can be added to, instead of overwritten
此资源帮助我了解所有不同的JS设计模式：http://addyosmani.com/resources/essentialjsdesignpatterns/book/
(function($){
var Namespace =
{
Register : function(_Name)
{
var chk = false;
var cob = "";
var spc = _Name.split(".");
for(var i = 0; i<spc.length; i++)
{
if(cob!=""){cob+=".";}
cob+=spc[i];
chk = this.Exists(cob);
if(!chk){this.Create(cob);}
}
if(chk){ throw "Namespace: " + _Name + " is already defined."; }
},
Create : function(_Src)
{
eval("window." + _Src + " = new Object();");
},
Exists : function(_Src)
{
eval("var NE = false; try{if(" + _Src + "){NE = true;}else{NE = false;}}catch(err){NE=false;}");
return NE;
}
}
Namespace.Register("Campus.UI.Popup")
Campus.UI.Popup=function(){
defaults={
action:'',
ispartialaction:'',
customcallback:'',
confirmaction:'',
controltoupdateid:'',
width:500,
title:'',
onsubmit:function(id){
var popupid=id+"_popupholder";
if(this.ispartialaction){
$.ajax({
url:this.action,
type:"Get",
context:this,
success:function(data){
$('#'+id).parents('body').find('form').append("<div id'"+popupid+"'></div>");
var ajaxContext=this;
$("#"+popupid).dialog({
autoopen:false,
model:true,
width:this.width,
title:this.title,
buttons:{
"Confirm":function(){
if(ajaxContext.customcallback==''){
var popupform=$(this).find("form");
if(popupform.isValid()){
$.post(ajaxContext.confirmaction,popupform.serialize(),function(d){
if(d!='')
{
$.each(d.Data,function(i,j){
switch(j.Operation)
{
case 1:
if($('#'+j.ControlClientID).is("select"))
{
$('#'+j.ControlClientID).val(j.Value);
$('#'+j.ControlClientID).change();
}
else if($('input[name="'+j.ControlClientID+'"]').length>0)
{
$('input[name="'+j.ControlClientID+'"][value="'+j.Value+'"]').prop("checked",true);
}
break;
case 2:
if($('#'+j.ControlClientID).is("select"))
{
$('#'+j.ControlClientID).append("<option selected='selected' value=\""+j.Value+"\">"+j.Text+"</option>");
}
else
{
var len=$('input[name="'+j.ControlClientID+'"]').length;
$('#'+j.ControlClientID+"list").append('<li><input type="checkbox" name="'+j.ControlClientID+'" value="'+j.Value+'" id="ae'+j.ControlClientID+len+'"/><label for "ae'+j.ControlClientID+len+'">'+j.Text+'</label>');
}
break;
case 0:
$('#'+j.ControlClientID).val(j.Value);
breakl
default:break;
}
});
popupform.parent().dialog("destroy").remove();
$("#"+ajaxContext.controltoupdateid).change();
}
});
}
}
else
{
executeByFunctionName(ajaxContext.customcallback,window,new Array());
}
},
"Cancel":function(){
$(this).dialog("close");
}
}
});
$("#"+popupid).dialog("open");
$("#"+popupid).empty().append(data);
},
error:function(e)
{
alert(e);
}
});
}
else
{
var frm=document.createElement("form");
frm.id="CampusForm";
frm.name="CampusForm";
frm.action=this.action;
frm.method="post";
var arr=$($("#"+id).closest("body").find("form")).serializeArray();
$.each(arr,function(i,j){
var hidd=document.createElement("input");
hidd.type="hidden";
hidd.name=j.name;
hidd.value=j.value;
frm.appendChild(hidd);});
document.appendChild(frm);
frm.submit();
}
}
},
clicksubmit=function(){
var opts=$(this).data("CampusPopup");
opts.onsubmit($(this).attr("id"));
return false;
};
return
{
init:function(opt){
var opts=$.extend({},defaults,opt||{});
$(this).data('CampusPopup',opts);
$(this).bind("click",clicksubmit);
}};
}();
$.extend({CampusPopup:Campus.UI.Popup.init});
})(jQuery)
完全重复... http://stackoverflow.com/questions/881515/javascript-namespace-declaration – 2011-06-13 18:40:47