javascript實現(xiàn)面向?qū)ο箢惖墓δ軙鴮懠记?/h1>
更新時間：2010年03月07日 12:19:14 作者：
經(jīng)過前段時間，學(xué)習(xí)《ajax完全自學(xué)手冊》后，才知道javascript原來還可以這么寫。
學(xué)過java,c#,vb的都知道類的概念，而類具有繼承、封裝、多態(tài)等功能。而javascript它不是面向?qū)ο笳Z言，它是解釋性語言。
但我們同樣可以使用javascript來實現(xiàn)繼承、多態(tài)。
javascript實現(xiàn)類，有多種方法。
方法一：構(gòu)造方法。
代碼
復(fù)制代碼 代碼如下:
function coder(){
this.name = '小王';
this.job = '程序員';
this.coding = function ()
{
alert('我正在寫代碼');
}
}
var coder=new coder();
alert(coder.name);
coder.coding();
方法二：工廠方法。
代碼
復(fù)制代碼 代碼如下:
function createCoderFactory(){
var obj=new Object();
obj.name = '小王';
obj.job = '程序員';
obj.coding = function (){
alert('我正在寫代碼');
};
return obj;
}
var coder = createCoderFactory();
alert(coder.name);
coder.coding();
但工廠方法和構(gòu)造方法都有著一個相同的缺點，就是每創(chuàng)建一個實例，都會實例化該類的每個函數(shù)。
方法三：原形鏈。
代碼
復(fù)制代碼 代碼如下:
function coder(){}
coder.prototype.name = '小王';
coder.prototype.job = '程序員';
coder.prototype.coding = function(){
alert('我正在寫代碼');
};
var coder = new coder();
alert(coder.name);
coder.coding();
注意：書上說：原型鏈有個缺點就是它所有屬性都共享,只要一個實例改變其他的都會跟著改變。 測試如下：
復(fù)制代碼 代碼如下:
var coder1 = new coder();
var coder2 = new coder();
alert(coder1.name); /*顯示“小王”*/
coder2.name = '老王';
alert(coder1.name); /*這個顯示“小王” 如果按書上說的應(yīng)該是顯示"老王"*/
alert(coder2.name); /*這個顯示“老王”*/
alert(coder1.name);如果按書上說的應(yīng)該是顯示"老王",但這里顯示的是“小王”，所以書上出錯了。
方法四：混合方式。
以上三種都有著各自的缺點，所以我們要加以改進。
復(fù)制代碼 代碼如下:
function coder(){
this.name = '小王';
this.job = '程序員';
}
coder.prototype.coding = function(){
alert('我正在寫代碼');
};
方法五：動態(tài)原鏈。
要解決前三種的缺點，還有一種方法。
代碼
復(fù)制代碼 代碼如下:
function coder(){
this.name = '小王';
this.job = '程序員';
if (typeof(coder._init) == 'undefined'){
this.coding = function ()
{
alert('我正在寫代碼');
};
this._init = true;
}
}
這個方法呢，當?shù)谝淮问褂脮r，由于_init沒初始化，就會執(zhí)行以下的代碼，實例化coding函數(shù)。以后就不會再執(zhí)行，這樣就只實例化函數(shù)一次。
相關(guān)文章
-
js類的封裝方法，說實話我也是新手，一直沒涉及到j(luò)s的類，下面的代碼，應(yīng)該看的懂，不懂就先用腦子記下了，見得多了就會了 2008-05-05
-
AppBaseJs 類庫 網(wǎng)上常用的javascript函數(shù)及其他js類庫寫的
AppBaseJs類庫。一個借鑒了網(wǎng)上常用的函數(shù)及其他js類庫寫的,方便大家的調(diào)用。 2010-03-03
-
主要有三種方法: 1. this.method=Parent; this.method=Parent's constructor 2. Parent.call(this,arg,arg,arg.....);3.Parent.apply(this,arg.arg...) //for Array 還是來點實際的吧...
2008-11-11
-
JavaScript 面向?qū)ο蟮闹接谐蓡T和公開成員
這節(jié)來說下JavaScript的私有成員和公開成員，雖然JavaScript沒有private和public關(guān)鍵字，但還是那句話——作為開發(fā)人員我們要有面向?qū)ο蟮乃枷耄?
2010-05-05
-
這里用的是Ext core3.0，Ext中用Ext.extend來定義一個類（當然它更多用來擴展一個類），Ext整個框架各種控件如Panel，MessageBox等都是用Ext.extend方法來擴展。這里僅僅用它來定義一個最簡單的類。 2009-07-07
-
Javascript面向?qū)ο缶幊蹋ㄈ?非構(gòu)造函數(shù)的繼承
這個系列的第一部分介紹了"封裝"，第二部分介紹了使用構(gòu)造函數(shù)實現(xiàn)"繼承"。
2011-08-08
-
JavaScript 是根據(jù) "ECMAScript"標準制定的網(wǎng)頁腳本語言。這個標準由 ECMA 組織發(fā)展和維護。ECMA-262 是正式的 JavaScript 標準。 2009-10-10
-
JavaScript 常見對象類創(chuàng)建代碼與優(yōu)缺點分析
這幾種javascript類定義方式中,最常用的是雜合prototype/constructor 和 動態(tài)prototype方式。 2009-12-12
-
組合繼承避免了原型鏈和借用構(gòu)造函數(shù)的缺陷，成為JavaScript中最為常用的繼承模式 2010-08-08
-
new后的constructor屬性使用說明，需要的朋友可以參考下。 2010-08-08
最新評論
但我們同樣可以使用javascript來實現(xiàn)繼承、多態(tài)。
javascript實現(xiàn)類，有多種方法。
方法一：構(gòu)造方法。
代碼
復(fù)制代碼 代碼如下:
function coder(){
this.name = '小王';
this.job = '程序員';
this.coding = function ()
{
alert('我正在寫代碼');
}
}
var coder=new coder();
alert(coder.name);
coder.coding();
方法二：工廠方法。
代碼
復(fù)制代碼 代碼如下:
function createCoderFactory(){
var obj=new Object();
obj.name = '小王';
obj.job = '程序員';
obj.coding = function (){
alert('我正在寫代碼');
};
return obj;
}
var coder = createCoderFactory();
alert(coder.name);
coder.coding();
但工廠方法和構(gòu)造方法都有著一個相同的缺點，就是每創(chuàng)建一個實例，都會實例化該類的每個函數(shù)。
方法三：原形鏈。
代碼
復(fù)制代碼 代碼如下:
function coder(){}
coder.prototype.name = '小王';
coder.prototype.job = '程序員';
coder.prototype.coding = function(){
alert('我正在寫代碼');
};
var coder = new coder();
alert(coder.name);
coder.coding();
注意：書上說：原型鏈有個缺點就是它所有屬性都共享,只要一個實例改變其他的都會跟著改變。 測試如下：
復(fù)制代碼 代碼如下:
var coder1 = new coder();
var coder2 = new coder();
alert(coder1.name); /*顯示“小王”*/
coder2.name = '老王';
alert(coder1.name); /*這個顯示“小王” 如果按書上說的應(yīng)該是顯示"老王"*/
alert(coder2.name); /*這個顯示“老王”*/
alert(coder1.name);如果按書上說的應(yīng)該是顯示"老王",但這里顯示的是“小王”，所以書上出錯了。
方法四：混合方式。
以上三種都有著各自的缺點，所以我們要加以改進。
復(fù)制代碼 代碼如下:
function coder(){
this.name = '小王';
this.job = '程序員';
}
coder.prototype.coding = function(){
alert('我正在寫代碼');
};
方法五：動態(tài)原鏈。
要解決前三種的缺點，還有一種方法。
代碼
復(fù)制代碼 代碼如下:
function coder(){
this.name = '小王';
this.job = '程序員';
if (typeof(coder._init) == 'undefined'){
this.coding = function ()
{
alert('我正在寫代碼');
};
this._init = true;
}
}
這個方法呢，當?shù)谝淮问褂脮r，由于_init沒初始化，就會執(zhí)行以下的代碼，實例化coding函數(shù)。以后就不會再執(zhí)行，這樣就只實例化函數(shù)一次。
相關(guān)文章
- js類的封裝方法，說實話我也是新手，一直沒涉及到j(luò)s的類，下面的代碼，應(yīng)該看的懂，不懂就先用腦子記下了，見得多了就會了2008-05-05
-
AppBaseJs 類庫 網(wǎng)上常用的javascript函數(shù)及其他js類庫寫的
AppBaseJs類庫。一個借鑒了網(wǎng)上常用的函數(shù)及其他js類庫寫的,方便大家的調(diào)用。2010-03-03 - 主要有三種方法: 1. this.method=Parent; this.method=Parent's constructor 2. Parent.call(this,arg,arg,arg.....);3.Parent.apply(this,arg.arg...) //for Array 還是來點實際的吧...2008-11-11
-
JavaScript 面向?qū)ο蟮闹接谐蓡T和公開成員
這節(jié)來說下JavaScript的私有成員和公開成員，雖然JavaScript沒有private和public關(guān)鍵字，但還是那句話——作為開發(fā)人員我們要有面向?qū)ο蟮乃枷耄?2010-05-05 - 這里用的是Ext core3.0，Ext中用Ext.extend來定義一個類（當然它更多用來擴展一個類），Ext整個框架各種控件如Panel，MessageBox等都是用Ext.extend方法來擴展。這里僅僅用它來定義一個最簡單的類。2009-07-07
-
Javascript面向?qū)ο缶幊蹋ㄈ?非構(gòu)造函數(shù)的繼承
這個系列的第一部分介紹了"封裝"，第二部分介紹了使用構(gòu)造函數(shù)實現(xiàn)"繼承"。2011-08-08 - JavaScript 是根據(jù) "ECMAScript"標準制定的網(wǎng)頁腳本語言。這個標準由 ECMA 組織發(fā)展和維護。ECMA-262 是正式的 JavaScript 標準。2009-10-10
-
JavaScript 常見對象類創(chuàng)建代碼與優(yōu)缺點分析
這幾種javascript類定義方式中,最常用的是雜合prototype/constructor 和 動態(tài)prototype方式。2009-12-12 - 組合繼承避免了原型鏈和借用構(gòu)造函數(shù)的缺陷，成為JavaScript中最為常用的繼承模式2010-08-08
- new后的constructor屬性使用說明，需要的朋友可以參考下。2010-08-08