JavaScript的面向對象(一)

2019-11-21 02:28:12

字體：大中小

來源：轉載

供稿：網友

一。傳統的基于原型(Prototype)的做法
確切地說Javascrīpt的“類”在嚴格意義上來講并不能算真正的類，從其聲明的對象到類(估切這么說)有這樣一個關系：
Instance.__proto__=InstanceClass.prototype(ie不支持)
以上說明：實例的屬性(__proto__)等于類的prototpye，我們可以看出，實例的"__proto__"正好巧接在類的"prototype"上，通過原型鏈(prototype)來查找其方法并擴展，我們會發現其方法(Method)與其屬性(Property)都是Public（當然你也可以用Private，即不用this）,而prototype其實就是一對象，用來記錄方法做為一個集合
假設我們聲明一個類A,可以如此
function A(){
this.className="ClassA";   //添加Public屬性，正確來說類名應該是Private的
}
//添加一方法
A.prototype.getClassName=function(){
return this.className;          //this指代A,而不是prototype
}
//聲明一對象
var AObj=new A();
alert(AObj.__proto__==A.prototype);     //ie下無效,ff下為true，說明上面的驗證是正確的
//我們來看看對象屬性
/*
由于用了this,className即為Public，即可以隨意修改或讀取
如果要保護起來，就要用到Private，那么可以去掉其this前綴,做為保護
讀的時候用一公開方法，即prototype下的方法：
A.prototype.getClassName=function(){
return className;                    //行不通，不存在，className是undefined
}
在這兒也只能約定一下，給className加上this，不要去直接去訪問。在這一點上，的確不如第二種方法,稍
后會說明
*/
關于"prototype"
由于Javascrīpt并沒有在系統內部并未使用過“繼承”（很大可能），所以class下的prototype得到的全是
頂層Object，后期在繼承的時候，我們可以看到這樣的一個式子:
child.prototype=new parent();
繼承兩字帶引號的意思是說就算有繼承也并非真正意義上的繼承，也只是通過prototype巧接得到。
用實例擴展一個方法到類,這兒不得不提及__proto__這個屬性

復制代碼代碼如下:

<scrīpt LANGUAGE="Javascrīpt">  
<!--  
function abc(){  
 var ōwner=this;  
 owner.k="pp";  
 owner.abc=function(){  
 }  
}  
abc.prototype.def=function(){  
}  
var s=new abc();  
for(var t in abc.prototype){  
 alert("prototype指向:"+t+"="+abc.prototype[t]);  
}  
for(var t in s.__proto__){  
 alert("__proto__指向:"+t+"="+s.__proto__[t]);  
}  
//-->  
</scrīpt> 

在ff下我看可以看到實例名.__proto__=類.prototype，現在通過實例擴展一個方法，這兒在實際應用當中并不推薦這樣做，下例：
s.__proto__.hjk=function(){
return "hjk";
}
alert(s.hjk());
for(var t in abc.prototype){
alert("prototype指向:"+t+"="+abc.prototype[t]);
}
這下應該明白了吧。

上一篇：二級域名轉向類

下一篇：JavaScript的面向對象(二)