javascript 靜態(tài)對象和構(gòu)造函數(shù)的使用和公私問題

2019-11-21 00:42:54

字體：大中小

供稿：網(wǎng)友

先看：

 
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)部的屬性的話，就不行了，因為這個時候他還不是個對象。
所以我們需要將他實例化

復(fù)制代碼代碼如下:

 
var inst=new objFn(); 
alert(inst.op1); 
inst.op2(); 

這樣就可以得到你想要的值了。
如果你想復(fù)制JSON形式的對象，很簡單，但是有一個問題：

復(fù)制代碼代碼如下:

 
var newone=objJson; 
newone.op1='changed'; 
alert('objJson.op1'); 

你會發(fā)現(xiàn)原來的對象中的op1的值也發(fā)生了改變。但是如果使用的第二種的對象聲明的辦法，那么修改只是在實例的內(nèi)部，不會影響其他的實例。
所以像JSON這樣的靜態(tài)對象適合在寫一些常用的庫的時候使用，有他自己的命名空間，誰也不會干擾到誰，而且方便使用。
構(gòu)造函數(shù)的"公有""私有"屬性
我們將上面的構(gòu)造函數(shù)做一個修改：

復(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();//私有變量，公共變量 

注意到這里因為JavaScript的閉包特性，我們通過公有方法acPri()調(diào)用私有方法pri2的時候需要使用call將程序的上下文傳遞進去，不過就是這個看起來繞來繞去的太暈，可以稍稍的包裝一下：

復(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();//私有變量，公共變量 