JavaScript的面向?qū)ο?一)
更新時間:2006年11月09日 00:00:00 作者:
一。傳統(tǒng)的基于原型(Prototype)的做法
確切地說Javascrīpt的“類”在嚴格意義上來講并不能算真正的類,從其聲明的對象到類(估切這么說)有這樣一個關(guān)系:
Instance.__proto__=InstanceClass.prototype(ie不支持)
以上說明:實例的屬性(__proto__)等于類的prototpye,我們可以看出,實例的"__proto__"正好巧接在類的"prototype"上,通過原型鏈(prototype)來查找其方法并擴展,我們會發(fā)現(xiàn)其方法(Method)與其屬性(Property)都是Public(當(dāng)然你也可以用Private,即不用this),而prototype其實就是一對象,用來記錄方法做為一個集合
假設(shè)我們聲明一個類A,可以如此
function A(){
this.className="ClassA"; //添加Public屬性,正確來說類名應(yīng)該是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,不要去直接去訪問。在這一點上,的確不如第二種方法,稍
后會說明
*/
關(guān)于"prototype"
由于Javascrīpt并沒有在系統(tǒng)內(nèi)部并未使用過“繼承”(很大可能),所以class下的prototype得到的全是
頂層Object,后期在繼承的時候,我們可以看到這樣的一個式子:
child.prototype=new parent();
繼承兩字帶引號的意思是說就算有繼承也并非真正意義上的繼承,也只是通過prototype巧接得到。
用實例擴展一個方法到類,這兒不得不提及__proto__這個屬性
s.__proto__.hjk=function(){
return "hjk";
}
alert(s.hjk());
for(var t in abc.prototype){
alert("prototype指向:"+t+"="+abc.prototype[t]);
}
這下應(yīng)該明白了吧。
確切地說Javascrīpt的“類”在嚴格意義上來講并不能算真正的類,從其聲明的對象到類(估切這么說)有這樣一個關(guān)系:
Instance.__proto__=InstanceClass.prototype(ie不支持)
以上說明:實例的屬性(__proto__)等于類的prototpye,我們可以看出,實例的"__proto__"正好巧接在類的"prototype"上,通過原型鏈(prototype)來查找其方法并擴展,我們會發(fā)現(xiàn)其方法(Method)與其屬性(Property)都是Public(當(dāng)然你也可以用Private,即不用this),而prototype其實就是一對象,用來記錄方法做為一個集合
假設(shè)我們聲明一個類A,可以如此
function A(){
this.className="ClassA"; //添加Public屬性,正確來說類名應(yīng)該是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,不要去直接去訪問。在這一點上,的確不如第二種方法,稍
后會說明
*/
關(guān)于"prototype"
由于Javascrīpt并沒有在系統(tǒng)內(nèi)部并未使用過“繼承”(很大可能),所以class下的prototype得到的全是
頂層Object,后期在繼承的時候,我們可以看到這樣的一個式子:
child.prototype=new parent();
繼承兩字帶引號的意思是說就算有繼承也并非真正意義上的繼承,也只是通過prototype巧接得到。
用實例擴展一個方法到類,這兒不得不提及__proto__這個屬性
復(fù)制代碼 代碼如下:
<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,現(xiàn)在通過實例擴展一個方法,這兒在實際應(yīng)用當(dāng)中并不推薦這樣做,下例: <!--
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>
s.__proto__.hjk=function(){
return "hjk";
}
alert(s.hjk());
for(var t in abc.prototype){
alert("prototype指向:"+t+"="+abc.prototype[t]);
}
這下應(yīng)該明白了吧。
相關(guān)文章
JavaScript樹形數(shù)據(jù)結(jié)構(gòu)處理
這篇文章主要介紹了JavaScript樹形數(shù)據(jù)結(jié)構(gòu)處理,文章圍繞主題展開詳細的內(nèi)容介紹,具有一定的參考價值,需要的朋友可以參考一下2022-07-07JavaScript 變量,數(shù)據(jù)類型基礎(chǔ)實例詳解【變量、字符串、數(shù)組、對象等】
這篇文章主要介紹了JavaScript 變量,數(shù)據(jù)類型基礎(chǔ),結(jié)合實例形式詳細分析了JavaScript變量聲明、字符串、數(shù)組、對象等基本使用方法與操作注意事項,需要的朋友可以參考下2020-01-01js模仿微信朋友圈計算時間顯示幾天/幾小時/幾分鐘/幾秒之前
本篇文章主要介紹了js模仿微信朋友圈計算時間顯示幾天/幾小時/幾分鐘/幾秒之前的實例。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04通過location.replace禁止瀏覽器后退防止重復(fù)提交
如果用戶重復(fù)提交事件,然后又后退,這樣可能會對某些數(shù)據(jù)產(chǎn)生災(zāi)難性的問題。所以今天就向大家介紹一種通過location.replace禁止瀏覽器后退按鈕的方法2014-09-09