我創建了一個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