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 相关文章推荐
30个精美的jQuery幻灯片效果插件和教程
Aug 23 Javascript
javascript工厂方式定义对象
Dec 26 Javascript
js改变Iframe中Src的方法
May 05 Javascript
深入探究使JavaScript动画流畅的一些方法
Jun 30 Javascript
jQuery实现多级联动下拉列表查询框
Jan 18 Javascript
用JS实现轮播图效果(二)
Jun 26 Javascript
JavaScript实现简单的隐藏式侧边栏功能示例
Aug 31 Javascript
Vue 2.0 侦听器 watch属性代码详解
Jun 19 Javascript
js中forEach,for in,for of循环的用法示例小结
Mar 14 Javascript
vuex中store存储store.commit和store.dispatch的用法
Jul 24 Javascript
微信小程序实现拼图小游戏
Oct 22 Javascript
JavaScript实例 ODO List分析
Jan 22 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从右向左/从左向右截取字符串的实现方法
2011/11/28 PHP
从零开始学YII2框架(五)快速生成代码工具 Gii 的使用
2014/08/20 PHP
phpinfo() 中 Local Value(局部变量)Master Value(主变量) 的区别
2016/02/03 PHP
php格式化json函数示例代码
2016/05/12 PHP
Jquery 选中表格一列并对表格排序实现原理
2012/12/15 Javascript
高效率JavaScript编写技巧整理
2013/08/23 Javascript
jquery实现table鼠标经过变色代码
2013/09/25 Javascript
使用jQuery异步加载 JavaScript脚本解决方案
2014/04/20 Javascript
JavaScript实现算术平方根算法-代码超简单
2015/09/11 Javascript
基于jQuery实现的菜单切换效果
2015/10/16 Javascript
基于JavaScript实现图片点击弹出窗口而不是保存
2016/02/06 Javascript
基于jQuery倒计时插件实现团购秒杀效果
2016/05/13 Javascript
简单谈谈Vue 模板各类数据绑定
2016/09/25 Javascript
详解JavaScript时间处理之几个月前或几个月后的指定日期
2016/12/21 Javascript
原生js仿浏览器滚动条效果
2017/03/02 Javascript
js简单实现网页换肤功能
2017/04/07 Javascript
Bootstrap组件之下拉菜单,多级菜单及按钮布局方法实例
2017/05/25 Javascript
node.js中cluster的使用教程
2017/06/09 Javascript
微信小程序之分享页面如何返回首页的示例
2018/03/28 Javascript
JS中判断某个字符串是否包含另一个字符串的五种方法
2018/05/03 Javascript
webpack打包react项目的实现方法
2018/06/21 Javascript
vue中el-upload上传图片到七牛的示例代码
2018/10/19 Javascript
JavaScript之解构赋值的理解
2019/01/30 Javascript
python中的二维列表实例详解
2018/06/19 Python
Python 代码调试技巧示例代码
2020/08/11 Python
python如何遍历指定路径下所有文件(按按照时间区间检索)
2020/09/14 Python
css3动画 小球滚动 js控制动画暂停
2019/11/29 HTML / CSS
Canvas环形饼图与手势控制的实现代码
2019/11/08 HTML / CSS
毕业生自我鉴定范文
2013/11/08 职场文书
运动会广播稿200字
2014/01/15 职场文书
优秀教师工作感言
2014/02/16 职场文书
工程承包协议书
2014/04/22 职场文书
办公室主任岗位竞聘书
2015/09/15 职场文书
基于Go Int转string几种方式性能测试
2021/04/28 Golang
Windows Server 2019 域控制器安装图文教程
2022/04/28 Servers
java版 联机五子棋游戏
2022/05/04 Java/Android