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 相关文章推荐
使用javascript实现ListBox左右全选,单选,多选,全请
Nov 07 Javascript
使用原生js封装webapp滑动效果(惯性滑动、滑动回弹)
May 06 Javascript
一款基于jQuery的图片场景标注提示弹窗特效
Jan 05 Javascript
javascript实现控制的多级下拉菜单
Jul 05 Javascript
JS实现的自定义显示加载等待图片插件(loading.gif)
Jun 17 Javascript
JavaScript结合Bootstrap仿微信后台多图文界面管理
Jul 22 Javascript
AngularJS中如何使用echart插件示例详解
Oct 26 Javascript
JS简单获取当前日期时间的方法(如:2017-03-29 11:41:10 星期四)
Mar 29 Javascript
从零开始学习Node.js系列教程六:EventEmitter发送和接收事件的方法示例
Apr 13 Javascript
vue项目webpack中Npm传递参数配置不同域名接口
Jun 15 Javascript
关于vue组件事件属性穿透详解
Oct 28 Javascript
Vue开发中遇到的跨域问题及解决方法
Feb 11 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+MySQL的聊天室设计
2006/10/09 PHP
dedecms中常见问题修改方法总结
2007/03/21 PHP
取得单条网站评论以数组形式进行输出
2014/07/28 PHP
WordPress中注册菜单与调用菜单的方法详解
2015/12/18 PHP
利用phpexcel对数据库数据的导入excel(excel筛选)、导出excel
2017/04/27 PHP
laravel 框架执行流程与原理简单分析
2020/02/01 PHP
Js+Dhtml:WEB程序员简易开发工具包(预先体验版)
2006/11/07 Javascript
Js动态创建div
2008/09/25 Javascript
JavaScript页面刷新与弹出窗口问题的解决方法
2010/03/02 Javascript
解决jquery submit()提交表单提示:f[s] is not a function
2013/01/23 Javascript
Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
2013/11/06 Javascript
JavaScript调用ajax获取文本文件内容实现代码
2014/03/28 Javascript
JS+CSS相对定位实现的下拉菜单
2015/10/06 Javascript
JS实现网页标题栏显示当前时间和日期的完整代码
2015/11/02 Javascript
jQuery实现圣诞节礼物传送(花式轮播)
2016/12/25 Javascript
使用BootStrap进行轮播图的制作
2017/01/06 Javascript
js通过Date对象实现倒计时动画效果
2017/10/27 Javascript
对vue中v-on绑定自定事件的实例讲解
2018/09/06 Javascript
在Vue中获取组件声明时的name属性方法
2018/09/12 Javascript
简单了解JavaScript异步
2019/05/23 Javascript
JS中数据结构与算法---排序算法(Sort Algorithm)实例详解
2019/06/17 Javascript
JavaScript常用工具函数汇总(浏览器环境)
2020/09/17 Javascript
python多进程提取处理大量文本的关键词方法
2018/06/05 Python
Python 生成 -1~1 之间的随机数矩阵方法
2018/08/04 Python
如何在Django中设置定时任务的方法示例
2019/01/18 Python
Django 实现图片上传和显示过程详解
2019/07/18 Python
python装饰器使用实例详解
2019/12/14 Python
乐天旅游香港网站:日本饭店预订
2017/11/29 全球购物
数以千计的折扣工业产品:ESE Direct
2018/05/20 全球购物
新加坡领先的在线生活方式和杂货购物网站:EAMART
2019/04/02 全球购物
幼儿园教师教学反思
2014/02/06 职场文书
护士医德医风自我评价
2014/09/15 职场文书
运动会400米加油稿(8篇)
2014/09/22 职场文书
单位接收函范文
2015/01/30 职场文书
2016教师政治学习心得体会
2016/01/23 职场文书
Python使用mitmproxy工具监控手机 下载手机小视频
2022/04/18 Python