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

第一种类型就是前面所说的私有类型,它的特点是对外界完全不具备访问性,要访问它们,只有通过特定的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>

时间: 2024-10-31 18:12:11

JavaScript 对象的属性和方法4种不同的类型_js面向对象的相关文章

javascript中的高级特性及特别对象、属性和方法

javascript|对象|高级 一,编写构造函数可以使用 new 运算符结合像 Object().Date() 和 Function() 这样的预定义的构造函数来创建对象并对其初始化.面向对象的编程其强有力的特征是定义自定义构造函数以创建脚本中使用的自定义对象的能力.创建了自定义的 构造函数,这样就可以创建具有已定义属性的对象.下面是自定义函数的示例(注意 this 关键字的使用). function Circle (xPoint, yPoint, radius) {   this.x = x

JavaScript原生对象之Date对象的属性和方法详解

 这篇文章主要介绍了JavaScript原生对象之Date对象的属性和方法详解,需要的朋友可以参考下     创建 Date 对象的语法: 代码如下: //Date 对象会自动把当前日期和时间保存为其初始值. new Date();   //value-毫秒:代表自世界协调时1970年1月1日00:00:00开始的数值. new Date(value); //dateString-日期字符串:表示日期的字符串值.此字符串应该是在parse方法中识别的格式. new Date(dateString

JavaScript原生对象之String对象的属性和方法详解

 这篇文章主要介绍了JavaScript原生对象之String对象的属性和方法详解,本文讲解了length.charAt().charCodeAt().concat().indexOf().lastIndexOf()等方法属性,需要的朋友可以参考下     length length 属性可返回字符串中的字符数目. length 是根据字符串的UTF-16编码来获取长度的,空字符串长度为0.length 不可修改. charAt() charAt() 方法可返回指定位置的字符.注意,JavaSc

JavaScript原生对象之Number对象的属性和方法详解

 这篇文章主要介绍了JavaScript原生对象之Number对象的属性和方法详解,本文讲解了创建 Number 对象的语法.MAX_VALUE.MIN_VALUE.NaN等属性或方法,需要的朋友可以参考下     创建 Number 对象的语法: 代码如下: var myNum = new Number(value); var myNum = Number(value); 当 Number() 和运算符 new 一起作为构造函数使用时,它返回一个新创建的 Number 对象.如果不用 new

基于js对象,操作属性、方法详解_javascript技巧

一,概述 在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类.Hashtable类等等. 目前在Javascript中,已经存在一些标准的类,例如Date.Array.RegExp.String.Math.Number等等,这为我们编程提供了许多方便.但对于复杂的客户端程序而言,这些还远远不够. 与Java不同,Java2提供给我们的标准类很多,基本上满足了我们的编程需求,但是Javascript提供的标准类很

ADO三大对象的属性、方法、事件及常数[ZT]

ado|常数|对象 ADO三大对象的属性.方法.事件及常数(一)Connection对象  属性  属性名称 数据类型和用途 Attributes 可读写Long类型,通过两个常数之和指定是否使用保留事务(retainning transactions).常数adXactCommitRetaining表示调用CommitTrans方法时启动一个新事务:常数adXactAbortRetaning表示调用RollbackTrans方法时启动一个新事务.默认值为0,表示不使用保留事务. Command

js([])引用对象的属性和方法 与大括号({})语法创建无类型对象

文章主要简单举例来说明js([])引用对象的属性和方法 与大括号({})语法创建无类型对象的详细实例教程. 使用方括号([])引用对象的属性和方法范例 <script language="网页特效" type="text/javascript"> <!-- //定义了一个user类,包括两个成员age和sex,并指定了初始值. function user(){  this.age=21;  this.sex="male"; }

把json格式的字符串转换成javascript对象或数组的方法总结_javascript技巧

第一种 JSON.parse(jsonString) 第二种 eval("("+jsonString+")") 第三种 var obj=(function ToJSON(o){ if(typeof(o)=="string")try{return new Function("return "+o)();}catch(e){return null;} })("[{name:'zhangsan',age:'24'},{na

ASP利用Recordset对象的属性和方法实现分页

对象|分页 ASP中关于分页显示的基本方法 在了解了Recordset对象的属性和方法后,我们来考虑一下,如何运用它们来达到我们分页显示的目的.首先,我们可以为PageSize属性设置一个值,从而指定从记录组中取出的构成一个页的行数:然后通过RecordCount属性来确定记录的总数:再用记录总数除以PageSize就可得到所显示的页面总数:最后通过AbsolutePage属性就能完成对指定页的访问.好象很并不复杂呀,下面让我们来看看程序该如何实现呢? 我们建立这样一个简单的BBS应用程序,它的