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


Posted in Javascript onMarch 19, 2010

第一种类型就是前面所说的私有类型,它的特点是对外界完全不具备访问性,要访问它们,只有通过特定的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>
Javascript 相关文章推荐
服务器安全设置的几个注册表设置
Jul 28 Javascript
防止网站内容被拷贝的一些方法与优缺点好处与坏处分析
Nov 30 Javascript
js 页面输出值
Nov 30 Javascript
JQery 渐变图片导航效果代码 漂亮
Jan 01 Javascript
JS运行耗时操作的延时显示方法
Nov 19 Javascript
javascript 设为首页与加入收藏兼容多浏览器代码
Jan 11 Javascript
有关javascript的性能优化 (repaint和reflow)
Apr 12 Javascript
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
Jun 26 Javascript
详解JavaScript对象和数组
Dec 03 Javascript
jQuery使用$.each遍历json数组的简单实现方法
Apr 18 Javascript
修改ligerui 默认确认按钮的方法
Dec 27 Javascript
webpack常用构建优化策略小结
Nov 21 Javascript
jQuery 前的按键判断代码
Mar 19 #Javascript
Javascript 匿名函数及其代码模式原理
Mar 19 #Javascript
JS 有名函数表达式全面解析
Mar 19 #Javascript
Jquery Ajax学习实例6 向WebService发出请求,返回DataSet(XML) 异步调用
Mar 18 #Javascript
JavaScript 高效运行代码分析
Mar 18 #Javascript
JS setCapture 区域外事件捕捉
Mar 18 #Javascript
小议Javascript中的this指针
Mar 18 #Javascript
You might like
PHP令牌 Token改进版
2008/07/18 PHP
php面向对象全攻略 (十一)__toString()用法 克隆对象 __call处理调用错误
2009/09/30 PHP
PHP中替换换行符的几种方法小结
2012/10/15 PHP
php环境套包 dedeampz 伪静态设置示例
2014/03/26 PHP
MAC下通过改apache配置文件切换php多版本的方法
2017/04/26 PHP
PHP中number_format()函数的用法讲解
2019/04/08 PHP
基于jQuery实现Ajax验证用户名是否存在实例
2016/03/30 Javascript
基于Bootstrap重置输入框内容按钮插件
2016/05/12 Javascript
详解Node.js如何开发命令行工具
2016/08/14 Javascript
JavaScript中捕获与冒泡详解及实例
2017/02/03 Javascript
js实现图片懒加载效果
2017/07/17 Javascript
vue实现提示保存后退出的方法
2018/03/15 Javascript
js中的this的指向问题详解
2019/08/29 Javascript
element 动态合并表格的步骤
2020/12/31 Javascript
[01:00:54]TI4正赛第二日开场
2014/07/20 DOTA
Python实现子类调用父类的方法
2014/11/10 Python
在Python中处理日期和时间的基本知识点整理汇总
2015/05/22 Python
python+django+sql学生信息管理后台开发
2018/01/11 Python
Python实现正弦信号的时域波形和频谱图示例【基于matplotlib】
2018/05/04 Python
python GUI库图形界面开发之PyQt5动态加载QSS样式文件
2020/02/25 Python
用Python进行websocket接口测试
2020/10/16 Python
CSS3属性使网站设计增强同时不消弱可用性
2009/08/29 HTML / CSS
CSS3实现淘宝留白的方法
2020/06/05 HTML / CSS
Urban Outfitters德国官网:美国跨国生活方式零售公司
2018/05/21 全球购物
美国艺术和工艺品商店:Hobby Lobby
2020/12/09 全球购物
院药学专业个人求职信
2013/09/21 职场文书
水务局局长岗位职责
2013/11/28 职场文书
大学生自助营养快餐店创业计划书
2014/01/13 职场文书
质量月活动策划方案
2014/03/10 职场文书
航空学院求职信
2014/06/11 职场文书
倡导文明标语
2014/06/16 职场文书
办理房产过户的委托书
2014/09/14 职场文书
纪检干部个人对照检查材料
2014/09/23 职场文书
入党申请书怎么写?
2019/06/11 职场文书
这样写python注释让代码更加的优雅
2021/06/02 Python
JS前端使用canvas实现物体的点选示例
2022/08/05 Javascript