javascript 類和命名空間的模擬代碼
更新時間:2010年10月20日 01:54:35 作者:
就當我是重復造輪子吧,整理該文檔給有需要的人用,包括我:)
先上一段最簡單的:
// 以下幾行代碼展示了命名空間、類、以及函數的模擬定義和使用:
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)建類實例,并調用實例方法
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.目標:調用類的靜態(tài)函數
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();
// 或者:匿名函數用于定義類,再用new創(chuàng)建對象
NameSpace.Class5 = new (function(info){
this.Method = function(){writeline(info);};
})("NameSpace.Class5.Method()");
NameSpace.Class5.Method();
// 或者:JSON方式(類定義+創(chuàng)建同時完成)
// 優(yōu)點是簡單,缺點是不能傳遞參數進去
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
復制代碼 代碼如下:
// 以下幾行代碼展示了命名空間、類、以及函數的模擬定義和使用:
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)建類實例,并調用實例方法
復制代碼 代碼如下:
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.目標:調用類的靜態(tài)函數
復制代碼 代碼如下:
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();
// 或者:匿名函數用于定義類,再用new創(chuàng)建對象
NameSpace.Class5 = new (function(info){
this.Method = function(){writeline(info);};
})("NameSpace.Class5.Method()");
NameSpace.Class5.Method();
// 或者:JSON方式(類定義+創(chuàng)建同時完成)
// 優(yōu)點是簡單,缺點是不能傳遞參數進去
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
相關文章
JavaScript面向對象之靜態(tài)與非靜態(tài)類
使用JavaScript面向對象完全出于偶然,因為大部分時間我都是在無圖形界面的環(huán)境下工作,有時候就算是介入了web客戶端的工作的時候,在寫js和ajax時,最多的也只是寫寫function,從沒有考慮過要使用JavaScript面向對象這么高級的技巧。2010-02-02JavaScript為對象原型prototype添加屬性的兩種方式
為對象原型prototype添加屬性的的方法, 需要的朋友可以參考下。2010-08-08