`
edison87915
  • 浏览: 196275 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

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

 
阅读更多
详细出处参考:http://www.jb51.net/article/22646.htm

第一种类型就是前面所说的私有类型,它的特点是对外界完全不具备访问性,要访问它们,只有通过特定的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 原型属性-各实例共享,调用方式->实例.y 
myClass.z = 30; //static property //静态(类)属性,调用方式->类.z
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> 
分享到:
评论

相关推荐

    JavaScript中判断对象类型的几种方法总结

    我们知道,JavaScript中检测对象类型的运算符有:typeof、instanceof,还有对象的constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一个说明运算数类型的字符串。如:”number”,”string”,”...

    Web前端开发技术-认识JavaScript的对象.pptx

    在JavaScript中,对象是一种数据类型,它是由属性和方法组成的一个集合。属性是指事物的特征,使用“对象.属性名”访问;方法是指事物的行为,使用“对象.方法名()”进行访问。;;;利用字面量创建对象;对象的字面量...

    javascript常用对象梳理

    由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。例如:window.[removed]()可以简写成: [removed]()。 在窗口中觖发本窗口对象的任何方法和属性时可以省去...

    源文件程序天下JAVASCRIPT实例自学手册

    4.2 JavaScript对象的生成 4.2.1 HTML文档结构 4.2.2 DOM框架 4.2.3 顶级对象之间的关系 4.2.4 浏览器载入文档时对象的生成 4.3 JavaScript核心对象 4.4 文档对象的引用 4.4.1 通过对象位置访问文档对象 4.4.2 通过...

    JavaScript基础和实例代码

    4.2 JavaScript对象的生成 4.2.1 HTML文档结构 4.2.2 DOM框架 4.2.3 顶级对象之间的关系 4.2.4 浏览器载入文档时对象的生成 4.3 JavaScript核心对象 4.4 文档对象的引用 4.4.1 通过对象位置访问文档对象 4.4.2 通过...

    javascript完全学习手册2 源码

    3.1.2 使用JavaScript对象基础知识 3.2 Array对象 3.2.1 创建Array对象 3.2.2 Array对象属性 3.2.3 Array对象方法 3.3 String对象 3.3.1 创建String对象 3.3.2 String对象属性 3.3.3 String对象方法...

    javascript完全学习手册1 源码

    3.1 JavaScript对象概述 43 3.1.1 对象的概念 43 3.1.2 使用JavaScript对象 基础知识 44 3.2 Array对象 46 3.2.1 创建Array对象 46 3.2.2 Array对象属性 47 3.2.3 Array对象方法 48 3.3 String对象 51 3.3.1 创建...

    JavaScript prototype对象的属性说明

    一、什么是JavaScript中对象的prototype属性 JavaScript中对象的prototype...可以向其原型中动态添加功能(属性和方法),但该对象不能被赋予不同的原型。然而,用户定义的对象可以被赋给新的原型。 在JavaScript中,pr

    JavaScript程序设计课件:Math对象.pptx

    在JavaScript 中的基本数值运算符可以用来进行一些简单的数学计算,而使用Math 对象可以进行更多的高级运算,如平方根、三角函数、对数和随机数等,与其他对象不同的是,该对象不是一个构造函数,不需要实例化就能...

    JavaScript详解(第2版)

     8.5.4 所有对象都有的属性和方法   8.5.5 创建子类及继承   8.6 应知应会   练习   第9章 JavaScript核心对象   9.1 什么是核心对象   9.2 数组对象   9.2.1 数组的声明及填充   9.2.2 ...

    JavaScript教程

     常用对象的属性和方法  范例:时钟 • 五、 创建新对象  对象的定义  创建对象实例  对象方法的使用  JavaScript中的数组  范例:动态文字滚动;颜色变化 • 六、 使用内部对象系统  浏览器对象层次及其...

    JavaScript程序设计课件:Number对象.pptx

    在JavaScript中定义一个数字类型的值,即创建一个Number类型的对象。如:156.55。 6.4.2 Number对象 2、Number对象常用属性及方法 成员 类型 作用 MAX_VALUE 属性 在JavaScript中所能表示的最大数值(静态成员) MIN_...

    JavaScript程序设计课件:Array对象.pptx

    2、Array对象常用属性及方法 成员 类型 作用 length 属性 设置或返回数组中元素的数目。 concat() 方法 连接两个或更多的数组,并返回结果。 join() 方法 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行...

    javascript对象的property和prototype是这样一种关系

    ECMAScript可以识别两种... Number, Boolean, Null 或者 Undefined) 下面的这个简单的例子描述了一个javascript对象是如何设置一个属性的值和如何读取属性的值的。 赋值操作 一个对象的属性的创建非常简单,直接

    JavaScript程序设计课件:String对象.pptx

    2、String对象常用属性及方法 成员 类型 作用 length 属性 获取字符串的长度 charAt(index) 方法 获取index位置的字符,位置从0开始计算 indexOf(searchValue) 方法 获取searchValue在字符串中首次出现的位置 ...

    JavaScript权威指南(第6版)

    14.7 作为Window对象属性的文档元素 14.8 多窗口和窗体 第15章 脚本化文档 15.1 DOM概览 15.2 选取文档元素 15.3 文档结构和遍历 15.4 属性 15.5 元素的内容 15.6 创建、插入和删除节点 15.7 例子:生成目录表 15.8 ...

    JavaScript权威指南(第6版)(附源码)

    14.7 作为Window对象属性的文档元素 14.8 多窗口和窗体 第15章 脚本化文档 15.1 DOM概览 15.2 选取文档元素 15.3 文档结构和遍历 15.4 属性 15.5 元素的内容 15.6 创建、插入和删除节点 15.7 例子:生成目录表 15.8...

    JavaScript权威指南(第6版)中文版pdf+源代码

     14.7 作为Window对象属性的文档元素351  14.8 多窗口和窗体353  第15章 脚本化文档361  15.1 DOM概览362  15.2 选取文档元素364  15.3 文档结构和遍历371  15.4 属性375  15.5 元素的内容378  15.6 创建、...

Global site tag (gtag.js) - Google Analytics