JavaScript 对象的属性和方法4种不同的类型
更新时间：2010年03月19日 11:54:42 作者：
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>
第二种类型是动态的公有类型，它的特点是外界可以访问，而且每个对象实例持有一个副本，它们之间不会相互影响。
第三种类型是静态的公有类型，或者通常叫做原型属性，它的特点是每个对象实例共享唯一副本，对它的改写会相互影响。
第四种类型是类属性，它的特点是作为类型的属性而不是对象实例的属性，在没有构造对象时也能够访问，下面通过例子说明这四种属性类型各自的特点和区别：
类型的四种属性
复制代码 代码如下:
<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>
相关文章
自从有了Ajax这个概念，JavaScript作为Ajax的利器，其作用一路飙升。JavaScript最基本的使用，以及语法、浏览器对象等等东东在这里就不累赘了。把主要篇幅放在如何实现JavaScript的面向对象编程方面。2010-05-05
JavaScript是一种强大的多泛型编程语言，其融合了面向过程、面向对象和函数式编程于一身，具备强大的表现能力。2009-03-03
虽有陈皓《Javascript 面向对象编程》珠玉在前，但是我还是忍不住再画蛇添足的补上一篇文章，主要是因为javascript这门语言魅力2012-03-03
这周心血来潮，翻看了现在比较流行的几个JS脚本框架的底层代码，虽然是走马观花，但也受益良多，感叹先人们的伟大……2010-03-03
讨论javascript(一)工厂方式 js面象对象的定义方法
看《javascript高级程序设计》有感2009-12-12
自己比较喜欢javascript类，主要是方便扩展。2007-12-12
Javascript是一种面向(基于)对象的动态脚本语言，是一种基于对象(Object)和事件驱动(EventDriven)并具有安全性能的脚本语言。他具有面向对象语言所特有的各种特性，比如封装、继承及多态等2012-03-03
在Javascript面向对象设计一——工厂模式 中介绍了使用CreateEmployee（）函数创建员工类。ECMAScript中的构造函数可以用来创建特定类型的对象，如Object和Array这样的原生构造函数，在运行时会自动出现在执行环境中，此外也可以创建自定义的构造函数，从而创建自定义对象类型的属性和方法2011-12-12
关于javascript function对象那些迷惑分析，学习js面向对象的朋友可以参考下。2011-10-10
Base据说是最好的js继承的封装类,最近读了一下base2.js的继承部分,现在将源码的解析贴下,有错误的地方希望大家指出,我会更新的.2008-12-12
最新评论