JavaScript 對(duì)象的屬性和方法4種不同的類型
更新時(shí)間：2010年03月19日 11:54:42 作者：
JavaScript里，對(duì)象的屬性和方法支持4種不同的類型，需要的朋友可以參考下。
第一種類型就是前面所說(shuō)的私有類型，它的特點(diǎn)是對(duì)外界完全不具備訪問(wèn)性，要訪問(wèn)它們，只有通過(guò)特定的getter和setter。
第二種類型是動(dòng)態(tài)的公有類型，它的特點(diǎn)是外界可以訪問(wèn)，而且每個(gè)對(duì)象實(shí)例持有一個(gè)副本，它們之間不會(huì)相互影響。
第三種類型是靜態(tài)的公有類型，或者通常叫做原型屬性，它的特點(diǎn)是每個(gè)對(duì)象實(shí)例共享唯一副本，對(duì)它的改寫(xiě)會(huì)相互影響。
第四種類型是類屬性，它的特點(diǎn)是作為類型的屬性而不是對(duì)象實(shí)例的屬性，在沒(méi)有構(gòu)造對(duì)象時(shí)也能夠訪問(wèn)，下面通過(guò)例子說(shuō)明這四種屬性類型各自的特點(diǎn)和區(qū)別：
類型的四種屬性
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Example 21.3</title>
</head>
<body>
<h1 id="output"></h1>
<script language="javascript" type="text/javascript">
<!--
function dwn(s)
{
document.write(s + "<br/>");
}
function myClass()
{
var p = 100; //private property; 私有屬性
this.x = 10; //dynamic public property 動(dòng)態(tài)公有屬性
}
myClass.prototype.y = 20; //static public property or prototype property 原型屬性
myClass.z = 30; //static property //靜態(tài)屬性
var a = new myClass();
dwn(a.p); //undefined 私有屬性對(duì)象無(wú)法訪問(wèn)到
dwn(a.x); //10 公有屬性
dwn(a.y); //20 公有屬性
a.x = 20;
a.y = 40;
dwn(a.x); //20
dwn(a.y); //40 //動(dòng)態(tài)公有屬性y覆蓋了原型屬性y
delete(a.x);
delete(a.y);
dwn(a.x); //undefined 動(dòng)態(tài)公有屬性x被刪除后不存在
dwn(a.y); //20 動(dòng)態(tài)公有屬性y被刪除后還原為原型屬性y
dwn(a.z); //undefined 類屬性無(wú)法通過(guò)對(duì)象訪問(wèn)
dwn(myClass.z); //30 類屬性應(yīng)該通過(guò)類訪問(wèn)
-->
</script>
</body>
</html>
第二種類型是動(dòng)態(tài)的公有類型，它的特點(diǎn)是外界可以訪問(wèn)，而且每個(gè)對(duì)象實(shí)例持有一個(gè)副本，它們之間不會(huì)相互影響。
第三種類型是靜態(tài)的公有類型，或者通常叫做原型屬性，它的特點(diǎn)是每個(gè)對(duì)象實(shí)例共享唯一副本，對(duì)它的改寫(xiě)會(huì)相互影響。
第四種類型是類屬性，它的特點(diǎn)是作為類型的屬性而不是對(duì)象實(shí)例的屬性，在沒(méi)有構(gòu)造對(duì)象時(shí)也能夠訪問(wèn)，下面通過(guò)例子說(shuō)明這四種屬性類型各自的特點(diǎn)和區(qū)別：
類型的四種屬性
復(fù)制代碼 代碼如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Example 21.3</title>
</head>
<body>
<h1 id="output"></h1>
<script language="javascript" type="text/javascript">
<!--
function dwn(s)
{
document.write(s + "<br/>");
}
function myClass()
{
var p = 100; //private property; 私有屬性
this.x = 10; //dynamic public property 動(dòng)態(tài)公有屬性
}
myClass.prototype.y = 20; //static public property or prototype property 原型屬性
myClass.z = 30; //static property //靜態(tài)屬性
var a = new myClass();
dwn(a.p); //undefined 私有屬性對(duì)象無(wú)法訪問(wèn)到
dwn(a.x); //10 公有屬性
dwn(a.y); //20 公有屬性
a.x = 20;
a.y = 40;
dwn(a.x); //20
dwn(a.y); //40 //動(dòng)態(tài)公有屬性y覆蓋了原型屬性y
delete(a.x);
delete(a.y);
dwn(a.x); //undefined 動(dòng)態(tài)公有屬性x被刪除后不存在
dwn(a.y); //20 動(dòng)態(tài)公有屬性y被刪除后還原為原型屬性y
dwn(a.z); //undefined 類屬性無(wú)法通過(guò)對(duì)象訪問(wèn)
dwn(myClass.z); //30 類屬性應(yīng)該通過(guò)類訪問(wèn)
-->
</script>
</body>
</html>
相關(guān)文章
dojo最新是1.3.1了，記得07年時(shí)還是0.4。文檔也漸漸多了起來(lái)，用dojo的也慢慢多了。dojo還發(fā)布了core版，壓縮后只有27kb。2009-07-07
JavaScript 面向?qū)ο蟮?私有成員和公開(kāi)成員
這節(jié)來(lái)說(shuō)下JavaScript的私有成員和公開(kāi)成員，雖然JavaScript沒(méi)有private和public關(guān)鍵字，但還是那句話——作為開(kāi)發(fā)人員我們要有面向?qū)ο蟮乃枷耄?2010-05-05
本文介紹了JavaScript里面的prototype屬性。這個(gè)屬性是理解JavaScript類和繼承的重要基礎(chǔ)。2010-09-09
javascript new fun的執(zhí)行過(guò)程
new fun的執(zhí)行過(guò)程分析，學(xué)習(xí)面向?qū)ο蟮呐笥芽梢詤⒖枷隆?/div> 2010-08-08
js對(duì)象的構(gòu)造和繼承實(shí)現(xiàn)代碼
js對(duì)象的構(gòu)造和繼承實(shí)現(xiàn)代碼，學(xué)習(xí)javascript面向?qū)ο蟮呐笥芽梢詤⒖枷?。?xiě)出跟漂亮與復(fù)用的代碼。
2010-12-12 
面向?qū)ο蟮木幊趟枷朐趈avascript中的運(yùn)用上部
對(duì)于正在從事或者打算從事編程的人來(lái)說(shuō)，面向?qū)ο笫且粋€(gè)耳熟能詳?shù)脑~，幾乎每一個(gè)人都能列舉出一些面向?qū)ο蟮木幊陶Z(yǔ)言，例如C++，JAVA，C#等等。
2009-11-11 
js創(chuàng)建對(duì)象的幾種常用方式小結(jié)(推薦)
最近在看javascript高級(jí)程序設(shè)計(jì)，其中對(duì)對(duì)象的創(chuàng)建做了具體的闡述，綜合起來(lái)，總結(jié)了下（je知識(shí)庫(kù)javascript專欄由這方面的教程，有興趣的可以去知識(shí)庫(kù)看看）
2010-10-10 
JS小框架 fly javascript framework
這幾天把工作中積累的東西整理成了一個(gè)小框架,分享給大家,希望對(duì)大家有用,也想聽(tīng)一下大家的批評(píng)
2009-11-11