[优质文档]chs 13 javascript对象简介.ppt

计算机系统 第 13 章 JavaScript对象简介 13.1 JavaScript对象的特征 面向对象技术是现代软件开发中的重要技术之一，其主要特征是类、封装、继承和多态。C++、C#和Java等都是典型的面向对象语言。 相比之下，JavaScript并没有从语法上明确提供类、继承、重载等有关面向对象语言特征的实现。有人认为，JavaScript是基于对象的语言，而不是面向对象的语言。 但是，这并不妨碍我们在JavaScript中使用这些特性。JavaScript是一种相当灵活的语言，它把其它语言中的的类与对象用更简洁的形式统一起来，形成一个非常强大的对象(Object)系统。其实， JavaScript确实具有面向对象的基本特征，它可以根据需要创建自己的对象，只是其表现形式和其他面向对象编程语言有很大差异。 13.1 JavaScript对象的特征 在传统的Web网站中，JavaScript只完成很有限的功能，而在Ajax应用中，利用JavaScript对象的特征能完成复杂的功能，并使得逻辑更加清晰。从而进一步扩大JavaScript的应用范围，实现功能强大的Web应用。 程序13.1：JSO01.htm script type=text/JavaScript function HelloWorld(){ this.myPrint = function() { return JavaScript语言; } } //创建对象的实例 var myHelloWorld = new HelloWorld(); //调用方法 document.write(myHelloWorld.myPrint ()); /script 13.2 JavaScript对象的操作 JavaScript中的对象是由属性(Properties)和方法(Methods)构成的，前者与对象中的变量相关联；后者是对象执行的动作，与特定的函数相关联。 JavaScript的对象操作也是围绕对象的属性和方法进行的，包括对象属性和方法的引用以及对象的定义。 JavaScript对象的引用 对象属性的引用 对象方法的引用 JavaScript对象的操作语句 13.2 .1 JavaScript对象的引用 JavaScript对象属性的引用有三种方法： 使用点“.”运算符 通过字符串的形式实现 通过对象的下标实现引用 假如用一个Student对象来描述一个学生，Name、Sex、Date是它的3个属性，分别表示学生的姓名、性别和出生年月。 下面通过3种方式分别实现对其赋值或访问属性的值。 13.2 .1 JavaScript对象的引用 使用点“.”运算符 其格式为： 对象名.属性名 上面的Student对象属性用该方法可表示为： Student.Name=”春华” Student.Sex =”女” Student.Date=1982.09.02“ 通过字符串的形式实现 Student[Name] =”春华” Student[Sex ] =”女” Student[Date] = 1982.09.02 这种表示方式与关联数组(Associative Array)是一样的。可见，在JavaScript中，关联数组就是对象，对象就是一个关联数组 13.2 .1 JavaScript对象的引用 通过对象的下标实现引用 Student [0]= ”春华” Student [1]= ”女” Student [2]= 1982.09.02“ 使用下标方式引用对象，实际上是将对象看做一个数组，对象名即数组名，对象属性看做数组的元素。通过数组形式访问对象属性，可以使用循环操作获取其值。例如： function showStudent (object){ for (var j=0;j=2; j++) document.write(object[j]) } 13.2 .1 JavaScript对象的引用 可以使用for...in语句来访问对象属性。上面的语句用for...in循环可表示为： function showStudent (object) { for (var st in this) document.write(this[st]); } 上面的代码等价于： function showStudent (object){ for (avr i=0; i object.length;i++) document.write(this[i]); } 13.2 .1 JavaScript对象的引用 对JavaScript中对象方法的引用也是非常简单的。其格式为： 对象名