詳細講解js中靜態對象和構造函數的區別

平常我們會經常使用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');

你會發現原來的對象中的op1的值也發生了改變。但是如果使用的第二種的對象聲明的辦法，那麼修改只是在實例的內部，不會影響其他的實例。

所以像JSON這樣的靜態對象適合在寫一些常用的庫的時候使用，有他自己的命名空間，誰也不會干擾到誰，而且方便使用。

構造函數的"公有""私有"屬性

我們將上面的構造函數做一個修改：


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

當然最後的結果還是不變。