javascript 靜態(tài)對(duì)象和構(gòu)造函數(shù)的使用和公私問(wèn)題
更新時(shí)間:2010年03月02日 12:08:05 作者:
靜態(tài)對(duì)象和構(gòu)造函數(shù)的使用區(qū)別 平常我們會(huì)經(jīng)常使用JSON形式,或者var obj=function(){}亦或function(){}這么幾種對(duì)象的構(gòu)建辦法,有時(shí)會(huì)認(rèn)為這是等價(jià)的辦法,然而他們還有不同。
先看:
var objJson={
op1:'objJson option1',
fn1:function(){
alert(this.op1)
}
}
在這種形式的聲明下,你可以通過(guò)objJson.op1或者objJson.fn1()來(lái)直接訪問(wèn)內(nèi)部的屬性,這沒(méi)有問(wèn)題。但是如果是這樣:
var objFn=function(){
this.op1='objFn.op1';
this.op2=function(){
alert(this.op1)
};
}
那么如果你直接objFn.op1或者objFn.op2()來(lái)訪問(wèn)內(nèi)部的屬性的話(huà),就不行了,因?yàn)檫@個(gè)時(shí)候他還不是個(gè)對(duì)象。
所以我們需要將他實(shí)例化
var inst=new objFn();
alert(inst.op1);
inst.op2();
這樣就可以得到你想要的值了。
如果你想復(fù)制JSON形式的對(duì)象,很簡(jiǎn)單,但是有一個(gè)問(wèn)題:
var newone=objJson;
newone.op1='changed';
alert('objJson.op1');
你會(huì)發(fā)現(xiàn)原來(lái)的對(duì)象中的op1的值也發(fā)生了改變。但是如果使用的第二種的對(duì)象聲明的辦法,那么修改只是在實(shí)例的內(nèi)部,不會(huì)影響其他的實(shí)例。
所以像JSON這樣的靜態(tài)對(duì)象適合在寫(xiě)一些常用的庫(kù)的時(shí)候使用,有他自己的命名空間,誰(shuí)也不會(huì)干擾到誰(shuí),而且方便使用。
構(gòu)造函數(shù)的"公有""私有"屬性
我們將上面的構(gòu)造函數(shù)做一個(gè)修改:
var objFn=function(){
var pri1='私有變量';
this.op1='公共變量';
this.op2=function(){
alert(pri1+','+this.op1);
};
};
var o=new objFn();
alert(typeof o.pri1+','+typeof o.op1);//undefined,string
o.op2();//私有變量,公共變量
私有變量在對(duì)象外是不允許訪問(wèn)的,所有typeof以后是undefined。下面我們看看私有方法的訪問(wèn):
var objFn=function(){
var pri1='私有變量';
var pri2=function(){
this.op2();
};
this.op1='公共變量';
this.op2=function(){
alert(pri1+','+this.op1);
};
this.acPri=function(){
pri2.call(this);
};
};
var o=new objFn();
o.acPri();//私有變量,公共變量
注意到這里因?yàn)镴avaScript的閉包特性,我們通過(guò)公有方法acPri()調(diào)用私有方法pri2的時(shí)候需要使用call將程序的上下文傳遞進(jìn)去,不過(guò)就是這個(gè)看起來(lái)繞來(lái)繞去的太暈,可以稍稍的包裝一下:
var objFn=function(){
var my=this;
var pri1='私有變量';
var pri2=function(){
my.op2();
};
this.op1='公共變量';
this.op2=function(){
alert(pri1+','+this.op1);
};
this.acPri=function(){
pri2.();
};
};
var o=new objFn();
o.acPri();//私有變量,公共變量
當(dāng)然最后的結(jié)果還是不變。
轉(zhuǎn)載請(qǐng)保留以下信息
作者:北玉(tw:@rehawk)
復(fù)制代碼 代碼如下:
var objJson={
op1:'objJson option1',
fn1:function(){
alert(this.op1)
}
}
在這種形式的聲明下,你可以通過(guò)objJson.op1或者objJson.fn1()來(lái)直接訪問(wèn)內(nèi)部的屬性,這沒(méi)有問(wèn)題。但是如果是這樣:
復(fù)制代碼 代碼如下:
var objFn=function(){
this.op1='objFn.op1';
this.op2=function(){
alert(this.op1)
};
}
那么如果你直接objFn.op1或者objFn.op2()來(lái)訪問(wèn)內(nèi)部的屬性的話(huà),就不行了,因?yàn)檫@個(gè)時(shí)候他還不是個(gè)對(duì)象。
所以我們需要將他實(shí)例化
復(fù)制代碼 代碼如下:
var inst=new objFn();
alert(inst.op1);
inst.op2();
這樣就可以得到你想要的值了。
如果你想復(fù)制JSON形式的對(duì)象,很簡(jiǎn)單,但是有一個(gè)問(wèn)題:
復(fù)制代碼 代碼如下:
var newone=objJson;
newone.op1='changed';
alert('objJson.op1');
你會(huì)發(fā)現(xiàn)原來(lái)的對(duì)象中的op1的值也發(fā)生了改變。但是如果使用的第二種的對(duì)象聲明的辦法,那么修改只是在實(shí)例的內(nèi)部,不會(huì)影響其他的實(shí)例。
所以像JSON這樣的靜態(tài)對(duì)象適合在寫(xiě)一些常用的庫(kù)的時(shí)候使用,有他自己的命名空間,誰(shuí)也不會(huì)干擾到誰(shuí),而且方便使用。
構(gòu)造函數(shù)的"公有""私有"屬性
我們將上面的構(gòu)造函數(shù)做一個(gè)修改:
復(fù)制代碼 代碼如下:
var objFn=function(){
var pri1='私有變量';
this.op1='公共變量';
this.op2=function(){
alert(pri1+','+this.op1);
};
};
var o=new objFn();
alert(typeof o.pri1+','+typeof o.op1);//undefined,string
o.op2();//私有變量,公共變量
私有變量在對(duì)象外是不允許訪問(wèn)的,所有typeof以后是undefined。下面我們看看私有方法的訪問(wèn):
復(fù)制代碼 代碼如下:
var objFn=function(){
var pri1='私有變量';
var pri2=function(){
this.op2();
};
this.op1='公共變量';
this.op2=function(){
alert(pri1+','+this.op1);
};
this.acPri=function(){
pri2.call(this);
};
};
var o=new objFn();
o.acPri();//私有變量,公共變量
注意到這里因?yàn)镴avaScript的閉包特性,我們通過(guò)公有方法acPri()調(diào)用私有方法pri2的時(shí)候需要使用call將程序的上下文傳遞進(jìn)去,不過(guò)就是這個(gè)看起來(lái)繞來(lái)繞去的太暈,可以稍稍的包裝一下:
復(fù)制代碼 代碼如下:
var objFn=function(){
var my=this;
var pri1='私有變量';
var pri2=function(){
my.op2();
};
this.op1='公共變量';
this.op2=function(){
alert(pri1+','+this.op1);
};
this.acPri=function(){
pri2.();
};
};
var o=new objFn();
o.acPri();//私有變量,公共變量
當(dāng)然最后的結(jié)果還是不變。
轉(zhuǎn)載請(qǐng)保留以下信息
作者:北玉(tw:@rehawk)
您可能感興趣的文章:
相關(guān)文章
javascript數(shù)組克隆簡(jiǎn)單實(shí)現(xiàn)方法
這篇文章主要介紹了javascript數(shù)組克隆簡(jiǎn)單實(shí)現(xiàn)方法,實(shí)例分析了JavaScript中concat用于數(shù)組克隆的使用技巧,需要的朋友可以參考下2015-12-12
js location.replace與location.reload的區(qū)別
js location.replace與location.reload的區(qū)別,經(jīng)常能用的到,需要的朋友可以可以下。2010-09-09
JS創(chuàng)建或填充任意長(zhǎng)度數(shù)組的小技巧匯總
在JavaScript 中,我們往往會(huì)遇到需要使用某些默認(rèn)值來(lái)填充數(shù)組的情況,那么都有哪些方式可以完成這樣的任務(wù)呢?這篇文章主要給大家介紹了關(guān)于JS創(chuàng)建或填充任意長(zhǎng)度數(shù)組的小技巧,需要的朋友可以參考下2021-10-10
JS計(jì)算兩個(gè)時(shí)間相差分鐘數(shù)的方法示例
這篇文章主要介紹了JS計(jì)算兩個(gè)時(shí)間相差分鐘數(shù)的方法,結(jié)合完整實(shí)例形式分析了javascript針對(duì)日期時(shí)間的轉(zhuǎn)換與計(jì)算相關(guān)操作技巧,需要的朋友可以參考下2018-01-01
javascript 常用驗(yàn)證函數(shù)總結(jié)
隨著做項(xiàng)目數(shù)量的越來(lái)越越多,其中用到j(luò)s的地方很多相同,這里自己整理了一些常用表單驗(yàn)證的js方法,雖然和其他js驗(yàn)證框架有一定的差距,但是畢竟是自己總結(jié)的一些東西,在此與紀(jì)錄分享一下。2016-06-06
微信小程序把百度地圖坐標(biāo)轉(zhuǎn)換成騰訊地圖坐標(biāo)過(guò)程詳解
這篇文章主要介紹了微信小程序把百度地圖坐標(biāo)轉(zhuǎn)騰訊地圖坐標(biāo)過(guò)程詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07
JavaScript的9種繼承實(shí)現(xiàn)方式歸納
這篇文章主要介紹了JavaScript的9種繼承實(shí)現(xiàn)方式歸納,本文講解了原型鏈繼承、原型繼承(非原型鏈)、臨時(shí)構(gòu)造器繼承、屬性拷貝、對(duì)象間繼承等繼承方式,需要的朋友可以參考下2015-05-05

