JavaScript 对象的属性和方法4种不同的类型

151 阅读 0 评论 100 点赞

我是靠谱客的博主害羞大树，最近开发中收集的这篇文章主要介绍JavaScript 对象的属性和方法4种不同的类型，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

第一种类型就是前面所说的私有类型，它的特点是对外界完全不具备访问性，要访问它们，只有通过特定的getter和setter。
第二种类型是动态的公有类型，它的特点是外界可以访问，而且每个对象实例持有一个副本，它们之间不会相互影响。
第三种类型是静态的公有类型，或者通常叫做原型属性，它的特点是每个对象实例共享唯一副本，对它的改写会相互影响。
第四种类型是类属性，它的特点是作为类型的属性而不是对象实例的属性，在没有构造对象时也能够访问，下面通过例子说明这四种属性类型各自的特点和区别：
类型的四种属性

复制代码代码如下:

 
<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 动态公有属性 
} 
myClass.prototype.y = 20; //static public property or prototype property 原型属性 
myClass.z = 30; //static property //静态属性 
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 //动态公有属性y覆盖了原型属性y 
delete(a.x); 
delete(a.y); 
dwn(a.x); //undefined 动态公有属性x被删除后不存在 
dwn(a.y); //20 动态公有属性y被删除后还原为原型属性y 
dwn(a.z); //undefined 类属性无法通过对象访问 
dwn(myClass.z); //30 类属性应该通过类访问 
--> 
</script> 
</body> 
</html> 