javascript 靜態(tài)對象和構造函數的使用和公私問題
更新時間:2010年03月02日 12:08:05 作者:
靜態(tài)對象和構造函數的使用區(qū)別 平常我們會經常使用JSON形式,或者var obj=function(){}亦或function(){}這么幾種對象的構建辦法,有時會認為這是等價的辦法,然而他們還有不同。
先看:
var objJson={
op1:'objJson option1',
fn1:function(){
alert(this.op1)
}
}
在這種形式的聲明下,你可以通過objJson.op1或者objJson.fn1()來直接訪問內部的屬性,這沒有問題。但是如果是這樣:
var objFn=function(){
this.op1='objFn.op1';
this.op2=function(){
alert(this.op1)
};
}
那么如果你直接objFn.op1或者objFn.op2()來訪問內部的屬性的話,就不行了,因為這個時候他還不是個對象。
所以我們需要將他實例化
var inst=new objFn();
alert(inst.op1);
inst.op2();
這樣就可以得到你想要的值了。
如果你想復制JSON形式的對象,很簡單,但是有一個問題:
var newone=objJson;
newone.op1='changed';
alert('objJson.op1');
你會發(fā)現原來的對象中的op1的值也發(fā)生了改變。但是如果使用的第二種的對象聲明的辦法,那么修改只是在實例的內部,不會影響其他的實例。
所以像JSON這樣的靜態(tài)對象適合在寫一些常用的庫的時候使用,有他自己的命名空間,誰也不會干擾到誰,而且方便使用。
構造函數的"公有""私有"屬性
我們將上面的構造函數做一個修改:
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();//私有變量,公共變量
注意到這里因為JavaScript的閉包特性,我們通過公有方法acPri()調用私有方法pri2的時候需要使用call將程序的上下文傳遞進去,不過就是這個看起來繞來繞去的太暈,可以稍稍的包裝一下:
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();//私有變量,公共變量
當然最后的結果還是不變。
轉載請保留以下信息
作者:北玉(tw:@rehawk)
復制代碼 代碼如下:
var objJson={
op1:'objJson option1',
fn1:function(){
alert(this.op1)
}
}
在這種形式的聲明下,你可以通過objJson.op1或者objJson.fn1()來直接訪問內部的屬性,這沒有問題。但是如果是這樣:
復制代碼 代碼如下:
var objFn=function(){
this.op1='objFn.op1';
this.op2=function(){
alert(this.op1)
};
}
那么如果你直接objFn.op1或者objFn.op2()來訪問內部的屬性的話,就不行了,因為這個時候他還不是個對象。
所以我們需要將他實例化
復制代碼 代碼如下:
var inst=new objFn();
alert(inst.op1);
inst.op2();
這樣就可以得到你想要的值了。
如果你想復制JSON形式的對象,很簡單,但是有一個問題:
復制代碼 代碼如下:
var newone=objJson;
newone.op1='changed';
alert('objJson.op1');
你會發(fā)現原來的對象中的op1的值也發(fā)生了改變。但是如果使用的第二種的對象聲明的辦法,那么修改只是在實例的內部,不會影響其他的實例。
所以像JSON這樣的靜態(tài)對象適合在寫一些常用的庫的時候使用,有他自己的命名空間,誰也不會干擾到誰,而且方便使用。
構造函數的"公有""私有"屬性
我們將上面的構造函數做一個修改:
復制代碼 代碼如下:
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();//私有變量,公共變量
注意到這里因為JavaScript的閉包特性,我們通過公有方法acPri()調用私有方法pri2的時候需要使用call將程序的上下文傳遞進去,不過就是這個看起來繞來繞去的太暈,可以稍稍的包裝一下:
復制代碼 代碼如下:
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();//私有變量,公共變量
當然最后的結果還是不變。
轉載請保留以下信息
作者:北玉(tw:@rehawk)
相關文章
JavaScript動態(tài)創(chuàng)建form表單并提交的實現方法
這篇文章主要介紹了JavaScript動態(tài)創(chuàng)建form表單并提交的實現方法,涉及JavaScript動態(tài)創(chuàng)建頁面元素及模擬表單提交的技巧,需要的朋友可以參考下2015-12-12基于JavaScript實現移動端點擊圖片查看大圖點擊大圖隱藏
最近接了個項目,項目需求是這樣的,當點擊圖片查看圖片,再次點擊大圖被隱藏,在移動端用的比較多,因為移動端屏幕小,需要查看大圖。具體代碼實現過程本文給大家介紹,需要的朋友可以參考下2015-11-11