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