javascript 類和命名空間的模擬代碼
更新時間：2010年10月20日 01:54:35 作者：
就當(dāng)我是重復(fù)造輪子吧，整理該文檔給有需要的人用，包括我:）
先上一段最簡單的：
// 以下幾行代碼展示了命名空間、類、以及函數(shù)的模擬定義和使用：
NameSpace = {};
NameSpace.Class = function(){
this.Method = function(info){alert(info);}
};
new NameSpace.Class().Method("Hello world");
再來一些可見到的，各種情況的代碼
1.類的模擬
// 類定義
function Class(info){
// 私有成員
var privateData = "private data";
var privateMethod = function(){writeline("private");};
function privateMethod2(info){writeline("private");}
// 公有成員（使用this）
this.Data = "public data";
this.Method = function(){writeline(info);};
};
// 類的靜態(tài)成員
Class.StaticData = "static data";
Class.StaticMethod = function(info){writeline(info);};
2.命名空間的模擬
function NameSpace(){}
或者
NameSpace = {};
或者
NameSpace = new Object();
3.目標：創(chuàng)建類實例，并調(diào)用實例方法
var o = new NameSpace.Class("hello world");
o.Method();
// 使用已有的類定義，并用靜態(tài)方法掛到NameSpace下
NameSpace.Class1 = Class;
new NameSpace.Class1("new NameSpace.Class1().Method()").Method();
// 或者：新建類定義
NameSpace.Class2 = function(info){
this.Method = function(){writeline(info);};
};
new NameSpace.Class2("new NameSpace.Class2().Method()").Method();
4.目標：調(diào)用類的靜態(tài)函數(shù)
NameSpace.Class.StaticMethod();
// 靜態(tài)對象+靜態(tài)方法
NameSpace.Class3 = {}; // {}表示這是一個對象，或者用new object();
NameSpace.Class3.Method = function(info) {writeline(info);};
NameSpace.Class3.Method("NameSpace.Class3.Method()");
// 或者：new一個對象賦予靜態(tài)成員
NameSpace.Class4 = new Class("NameSpace.Class4.Method()");
NameSpace.Class4.Method();
// 或者：匿名函數(shù)用于定義類，再用new創(chuàng)建對象
NameSpace.Class5 = new (function(info){
this.Method = function(){writeline(info);};
})("NameSpace.Class5.Method()");
NameSpace.Class5.Method();
// 或者：JSON方式（類定義+創(chuàng)建同時完成）
// 優(yōu)點是簡單，缺點是不能傳遞參數(shù)進去
NameSpace.Class6 = {
Method : function(info){writeline(info);}
};
NameSpace.Class6.Method("NameSpace.Class6.Method()");
演示代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
ps.很開心，vs2010對js的智能感知越來越好用了:p
出處：http://surfsky.cnblogs.com
復(fù)制代碼 代碼如下:
// 以下幾行代碼展示了命名空間、類、以及函數(shù)的模擬定義和使用：
NameSpace = {};
NameSpace.Class = function(){
this.Method = function(info){alert(info);}
};
new NameSpace.Class().Method("Hello world");
再來一些可見到的，各種情況的代碼
1.類的模擬
復(fù)制代碼 代碼如下:
// 類定義
function Class(info){
// 私有成員
var privateData = "private data";
var privateMethod = function(){writeline("private");};
function privateMethod2(info){writeline("private");}
// 公有成員（使用this）
this.Data = "public data";
this.Method = function(){writeline(info);};
};
// 類的靜態(tài)成員
Class.StaticData = "static data";
Class.StaticMethod = function(info){writeline(info);};
2.命名空間的模擬
復(fù)制代碼 代碼如下:
function NameSpace(){}
或者
NameSpace = {};
或者
NameSpace = new Object();
3.目標：創(chuàng)建類實例，并調(diào)用實例方法
復(fù)制代碼 代碼如下:
var o = new NameSpace.Class("hello world");
o.Method();
// 使用已有的類定義，并用靜態(tài)方法掛到NameSpace下
NameSpace.Class1 = Class;
new NameSpace.Class1("new NameSpace.Class1().Method()").Method();
// 或者：新建類定義
NameSpace.Class2 = function(info){
this.Method = function(){writeline(info);};
};
new NameSpace.Class2("new NameSpace.Class2().Method()").Method();
4.目標：調(diào)用類的靜態(tài)函數(shù)
復(fù)制代碼 代碼如下:
NameSpace.Class.StaticMethod();
// 靜態(tài)對象+靜態(tài)方法
NameSpace.Class3 = {}; // {}表示這是一個對象，或者用new object();
NameSpace.Class3.Method = function(info) {writeline(info);};
NameSpace.Class3.Method("NameSpace.Class3.Method()");
// 或者：new一個對象賦予靜態(tài)成員
NameSpace.Class4 = new Class("NameSpace.Class4.Method()");
NameSpace.Class4.Method();
// 或者：匿名函數(shù)用于定義類，再用new創(chuàng)建對象
NameSpace.Class5 = new (function(info){
this.Method = function(){writeline(info);};
})("NameSpace.Class5.Method()");
NameSpace.Class5.Method();
// 或者：JSON方式（類定義+創(chuàng)建同時完成）
// 優(yōu)點是簡單，缺點是不能傳遞參數(shù)進去
NameSpace.Class6 = {
Method : function(info){writeline(info);}
};
NameSpace.Class6.Method("NameSpace.Class6.Method()");
演示代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
ps.很開心，vs2010對js的智能感知越來越好用了:p
出處：http://surfsky.cnblogs.com
相關(guān)文章
javascript 面向?qū)ο蟮腏avaScript類
這一節(jié)來說下緊接著的一個概念——類。雖然JavaScript中沒有class關(guān)鍵字，但作為開發(fā)人員我們一定要有這個思想。在C#中類可以分為實例類和靜態(tài)類，JavaScript亦然。2010-05-05
JavaScript中使用構(gòu)造函數(shù)實現(xiàn)繼承的代碼
JavaScript中借用構(gòu)造函數(shù)實現(xiàn)繼承的代碼，需要的朋友可以參考下。2010-08-08
面向?qū)ο蟮腏avascript之二(接口實現(xiàn)介紹)
接口是面向?qū)ο驤avascript工具箱中最有用的特性之一。我們都知道GOF在設(shè)計模式中說到：面向接口編程，而非面向?qū)崿F(xiàn)編程2012-01-01
定義Circle類，擁有成員變量r，常量PI和計算面積的成員函數(shù)area()2009-07-07
JavaScript接口實現(xiàn)代碼 （Interfaces In JavaScript）
接口是面向?qū)ο缶幊汤锏闹匾匦?，遺憾的是JavaScript并沒有提供對接口的支持！怎么實現(xiàn)接口呢？2010-06-06
javascript面向?qū)ο蟮姆绞綄崿F(xiàn)的彈出層效果代碼
由于本人以前是.net程序員，所以即使現(xiàn)在在做前端，也習(xí)慣于用面向?qū)ο蟮姆绞骄帉慾s腳本，我想如果你以前也是或者現(xiàn)在還是名第三代程序員的話，應(yīng)該對此并不陌生。2010-01-01
接口：對實現(xiàn)某一種任務(wù)、功能，目的等，所規(guī)定的一些原則2012-05-05
JavaScript面向?qū)ο蟠a的寫法與其它常見語言（Java C# C++）幾乎完全不同。2010-02-02
javascript 中，new一個對象的實質(zhì)是什么？即，當(dāng)我們構(gòu)建一個類的實例的時候，真正做了些什么？2010-01-01
Javascript 面向?qū)ο?對象(Object)2010-05-05