javascript 靜態(tài)對象和構(gòu)造函數(shù)的使用和公私問題
更新時(shí)間:2010年03月02日 12:08:05 作者:
靜態(tài)對象和構(gòu)造函數(shù)的使用區(qū)別 平常我們會(huì)經(jīng)常使用JSON形式,或者var obj=function(){}亦或function(){}這么幾種對象的構(gòu)建辦法,有時(shí)會(huì)認(rèn)為這是等價(jià)的辦法,然而他們還有不同。
先看:
var objJson={
op1:'objJson option1',
fn1:function(){
alert(this.op1)
}
}
在這種形式的聲明下,你可以通過objJson.op1或者objJson.fn1()來直接訪問內(nèi)部的屬性,這沒有問題。但是如果是這樣:
var objFn=function(){
this.op1='objFn.op1';
this.op2=function(){
alert(this.op1)
};
}
那么如果你直接objFn.op1或者objFn.op2()來訪問內(nèi)部的屬性的話,就不行了,因?yàn)檫@個(gè)時(shí)候他還不是個(gè)對象。
所以我們需要將他實(shí)例化
var inst=new objFn();
alert(inst.op1);
inst.op2();
這樣就可以得到你想要的值了。
如果你想復(fù)制JSON形式的對象,很簡單,但是有一個(gè)問題:
var newone=objJson;
newone.op1='changed';
alert('objJson.op1');
你會(huì)發(fā)現(xiàn)原來的對象中的op1的值也發(fā)生了改變。但是如果使用的第二種的對象聲明的辦法,那么修改只是在實(shí)例的內(nèi)部,不會(huì)影響其他的實(shí)例。
所以像JSON這樣的靜態(tài)對象適合在寫一些常用的庫的時(shí)候使用,有他自己的命名空間,誰也不會(huì)干擾到誰,而且方便使用。
構(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();//私有變量,公共變量
私有變量在對象外是不允許訪問的,所有typeof以后是undefined。下面我們看看私有方法的訪問:
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的閉包特性,我們通過公有方法acPri()調(diào)用私有方法pri2的時(shí)候需要使用call將程序的上下文傳遞進(jìn)去,不過就是這個(gè)看起來繞來繞去的太暈,可以稍稍的包裝一下:
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)載請保留以下信息
作者:北玉(tw:@rehawk)
復(fù)制代碼 代碼如下:
var objJson={
op1:'objJson option1',
fn1:function(){
alert(this.op1)
}
}
在這種形式的聲明下,你可以通過objJson.op1或者objJson.fn1()來直接訪問內(nèi)部的屬性,這沒有問題。但是如果是這樣:
復(fù)制代碼 代碼如下:
var objFn=function(){
this.op1='objFn.op1';
this.op2=function(){
alert(this.op1)
};
}
那么如果你直接objFn.op1或者objFn.op2()來訪問內(nèi)部的屬性的話,就不行了,因?yàn)檫@個(gè)時(shí)候他還不是個(gè)對象。
所以我們需要將他實(shí)例化
復(fù)制代碼 代碼如下:
var inst=new objFn();
alert(inst.op1);
inst.op2();
這樣就可以得到你想要的值了。
如果你想復(fù)制JSON形式的對象,很簡單,但是有一個(gè)問題:
復(fù)制代碼 代碼如下:
var newone=objJson;
newone.op1='changed';
alert('objJson.op1');
你會(huì)發(fā)現(xiàn)原來的對象中的op1的值也發(fā)生了改變。但是如果使用的第二種的對象聲明的辦法,那么修改只是在實(shí)例的內(nèi)部,不會(huì)影響其他的實(shí)例。
所以像JSON這樣的靜態(tài)對象適合在寫一些常用的庫的時(shí)候使用,有他自己的命名空間,誰也不會(huì)干擾到誰,而且方便使用。
構(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();//私有變量,公共變量
私有變量在對象外是不允許訪問的,所有typeof以后是undefined。下面我們看看私有方法的訪問:
復(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的閉包特性,我們通過公有方法acPri()調(diào)用私有方法pri2的時(shí)候需要使用call將程序的上下文傳遞進(jìn)去,不過就是這個(gè)看起來繞來繞去的太暈,可以稍稍的包裝一下:
復(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)載請保留以下信息
作者:北玉(tw:@rehawk)
相關(guān)文章
JavaScript動(dòng)態(tài)創(chuàng)建form表單并提交的實(shí)現(xiàn)方法
這篇文章主要介紹了JavaScript動(dòng)態(tài)創(chuàng)建form表單并提交的實(shí)現(xiàn)方法,涉及JavaScript動(dòng)態(tài)創(chuàng)建頁面元素及模擬表單提交的技巧,需要的朋友可以參考下2015-12-12基于JavaScript實(shí)現(xiàn)移動(dòng)端點(diǎn)擊圖片查看大圖點(diǎn)擊大圖隱藏
最近接了個(gè)項(xiàng)目,項(xiàng)目需求是這樣的,當(dāng)點(diǎn)擊圖片查看圖片,再次點(diǎn)擊大圖被隱藏,在移動(dòng)端用的比較多,因?yàn)橐苿?dòng)端屏幕小,需要查看大圖。具體代碼實(shí)現(xiàn)過程本文給大家介紹,需要的朋友可以參考下2015-11-11JavaScript中檢測數(shù)據(jù)類型的四種方法
這篇文章主要給大家分享的是JavaScript中檢測數(shù)據(jù)類型的四種方法,有 typeof、instanceof、constructor、Object.prototype.toString.call(),下面文章詳細(xì)介紹內(nèi)容,需要的小伙伴可以參考一下2022-01-01記錄幾個(gè)javascript有關(guān)的小細(xì)節(jié)
記錄幾個(gè)javascript有關(guān)的小細(xì)節(jié)...2007-04-04JavaScript面向?qū)ο缶幊虒?shí)現(xiàn)模擬
面向?qū)ο缶幊?Object Oriented Programming)將現(xiàn)實(shí)世界中的復(fù)雜關(guān)系抽象成一個(gè)個(gè)對象,通過對象之間的分工合作對現(xiàn)實(shí)世界進(jìn)行模擬2022-10-10uniapp封裝axios的詳細(xì)過程(大可不必那么麻煩)
在uniapp中使用axios進(jìn)行請求時(shí),uniapp無法使用axios的適配器,下面這篇文章主要給大家介紹了關(guān)于uniapp封裝axios的詳細(xì)過程,需要的朋友可以參考下2022-10-10