javascript 面向对象编程 聊聊对象的事


Posted in Javascript onSeptember 17, 2009

先看一下JSON(javascript object notation)对象,JSON是一种脚本操作时常用的数据交换格式对象,相对于XML来说JSON是一种比较轻量级的格式,在一些intelligence的IDE中还可以方便的通过点操作JSON对象中的成员。

      JSON是一种键/值对方式来描述内部成员的格式,其内部成员可以是几乎任何一种类型的对象,当然也可以是方法、类、数组,也可以是另外一个JSON对象。

var student = {
Name: "张三",
Age: 20,
Hobby: "读书",
Books: [
{
BookName : "C#" ,
Price : 70
},
{
BookName : "Java" ,
Price : 70
},
{
BookName : "Javascript" ,
Price : 80
}
]
};

      上面代码用JSON对象描述了一个学生的信息,他有姓名、年龄、爱好、书集等。在访问该学生对象时,可以通过student变量来操作学生的信息。

var stuInfo = "姓名:" + student.Name +
",年龄:" + student.Age +
",爱好:" + student.Hobby +
",拥有的书:" +
                      student.Books[0].BookName + "、" +
student.Books[1].BookName + "、" +
                      student.Books[2].BookName;
alert(stuInfo);

      这样的操作方式风格和C#也非常相像。以上的代码是静态的构造出了学生对象,学生对象的结构就确定了。在其它的编程语言中一般对象结构一旦确定就不能很方便的进行修改,但是在javascript中的对象结构也可以方便的进行改动。下面为student对象添加一个Introduce方法来做自我介绍。

student.Introduce = function() {
var stuInfo = "姓名:" + this.Name +
",年龄:" + this.Age +
",爱好:" + this.Hobby +
",拥有的书:" +
this.Books[0].BookName + "、" +
this.Books[1].BookName + "、" +
this.Books[2].BookName;
alert(stuInfo)
};
student.Introduce();

      student对象原来并没有Introduce方法,第一次为student.Introduce赋值会在student对象中创建一个新的成员,后面如果再为student.Introduce赋值则会覆盖上一次所赋的值。当然我们这的值是一个function。也可以用类似索引的方式来添加成员。

student["Introduce"] = function() {
……
};
 
student.Introduce();

当然添加的成员也可以删除掉。删除掉之后则成为undefined,再访问该成员时则不支持。

delete student.Introduce;
student.Introduce();
 

        javascript 面向对象编程 聊聊对象的事

        javascript是弱类型的语言,有的时候即使有IDE的辅助也不能很清楚知道当前所操作对象的成员,可能会需要对当前对象的属性进行查询,这时候我们可以使用for循环来完成。

for (var key in student) {
document.write(key + " : " + student[key] + "<br />");
};

        javascript 面向对象编程 聊聊对象的事

      对student对象进行遍历时,是对student的成员进行遍历,这里的key则对应student对象中的每一个成员属性名称。student[key]则是对student某个成员进行访问。如果想调用student的Introduce方法也可以用索引的方式,student[“Introduce”]()。

      上面简单的聊了聊JSON对象,总的来说JSON是很方便的数据打包方式。javascript中的其它的对象,不论是浏览器对象,还是自定义类型所创建的对象或者是数组等等,它们也都具有JSON对象类似的操作方式。我们可以直接用索引的方式为window添加成员,我们也可以为数组添加字符串形式的下标把它当成Hashtable来操作。

window["Hi"] = function() {
alert("helloworld!");
};
window["Hi"]();
 
var array = [];
array["一"] = "A";
array["二"] = "B";
array["三"] = "C";
array["四"] = "D";
alert(array["一"] + array["二"] + array["三"] + array["四"]);

      把数组当成Hashtable来操作时,要注意,并非是为数组添加数组元素,而是在数组对象中添加新的属性成员。而且如果for(var key in array)循环遍历数组对象的话,key得到的却不是array对象的属性名称,而是数组元素的索引号。

下一次聊聊function。

Javascript 相关文章推荐
Js+XML 操作
Sep 20 Javascript
为JavaScript提供睡眠功能(sleep) 自编译JS引擎
Aug 16 Javascript
javascript 广告后加载,加载完页面再加载广告
Nov 25 Javascript
JS中prototype关键字的功能介绍及使用示例
Jul 21 Javascript
replace()方法查找字符使用示例
Oct 28 Javascript
IE6已终止操作问题的2种情况及解决
Apr 23 Javascript
javascript实现对表格元素进行排序操作
Nov 18 Javascript
javascript加载xml 并解析各节点的值(实现方法)
Oct 12 Javascript
JSON键值对序列化和反序列化解析
Jan 24 Javascript
jQuery实现复选框的全选和反选
Feb 02 Javascript
JS鼠标滚动分页效果示例
Jul 05 Javascript
8个JS的reduce使用实例和reduce操作方式
Oct 05 Javascript
javascript 面向对象编程 万物皆对象
Sep 17 #Javascript
javascript 面向对象编程 function也是类
Sep 17 #Javascript
类似CSDN图片切换效果脚本
Sep 17 #Javascript
var与Javascript变量隐式声明
Sep 17 #Javascript
html数组字符串拼接的最快方法
Sep 16 #Javascript
在IE下获取object(ActiveX)的Param的代码
Sep 15 #Javascript
javascript 检测浏览器类型和版本的代码
Sep 15 #Javascript
You might like
PHP 字符串 小常识
2009/06/05 PHP
php仿微信红包分配算法的实现方法
2016/05/13 PHP
永不消失的title提示代码
2007/02/15 Javascript
jquery插件之easing 动态菜单
2010/08/21 Javascript
2012年开发人员的16款新鲜的jquery插件体验分享
2012/12/28 Javascript
如何使用jQuery来处理图片坏链具体实现步骤
2013/05/02 Javascript
JavaScript实现复制功能各浏览器支持情况实测
2013/07/18 Javascript
Jquery实现自定义弹窗示例
2014/03/12 Javascript
简单实现JavaScript图片切换效果
2016/11/28 Javascript
JS实现前端缓存的方法
2017/09/21 Javascript
vue中render函数的使用详解
2018/10/12 Javascript
element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)
2019/01/15 Javascript
[28:05]完美世界DOTA2联赛循环赛Inki vs DeMonsTer 第一场 10月30日
2020/10/31 DOTA
python标准日志模块logging的使用方法
2013/11/01 Python
对python中for、if、while的区别与比较方法
2018/06/25 Python
Python爬虫抓取技术的一些经验
2019/07/12 Python
python经典趣味24点游戏程序设计
2019/07/26 Python
python中的split()函数和os.path.split()函数使用详解
2019/12/21 Python
python tkinter之 复选、文本、下拉的实现
2020/03/04 Python
Idea安装python显示无SDK问题解决方案
2020/08/12 Python
Django使用django-simple-captcha做验证码的实现示例
2021/01/07 Python
Canvas环形饼图与手势控制的实现代码
2019/11/08 HTML / CSS
2014年应届大学生毕业自我鉴定
2014/01/31 职场文书
学校师德承诺书
2014/05/23 职场文书
银行反四风对照检查材料
2014/09/29 职场文书
2014年幼儿园园务工作总结
2014/12/05 职场文书
追悼会答谢词
2015/01/05 职场文书
2015国际残疾人日活动总结
2015/03/24 职场文书
物业客服专员岗位职责
2015/04/07 职场文书
2015年食堂工作总结报告
2015/04/23 职场文书
音乐之声观后感
2015/06/04 职场文书
Python通过m3u8文件下载合并ts视频的操作
2021/04/16 Python
JavaScript控制台的更多功能
2021/04/28 Javascript
新手入门Jvm-- JVM对象创建与内存分配机制
2021/06/18 Java/Android
深入理解CSS 中 transform matrix矩阵变换问题
2021/08/30 HTML / CSS
vue实现Toast组件轻提示
2022/04/10 Vue.js