《征服AjaxWeb20开发技术详解》(一).docVIP

第6章 JavaScript面向对象程序设计 6.1? JavaScript中支持面向对象的基础6.1.1? 用定义函数的方式定义类在面向对象的思想中，核心的概念之一就是类。一个类表示了具有相似性质的一类事物的抽象，通过实例化一个类，可以获得属于该类的一个实例，即对象。在JavaScript中定义一个类的方法如下：function class1(){?????? //类成员的定义及构造函数}这里class1既是一个函数也是一个类。可以将它理解为类的构造函数，负责初始化工作。6.1.2? 使用new操作符获得一个类的实例在前面介绍基本对象时，已经用过new操作符，例如：new Date();表示创建一个日期对象，而Date就是表示日期的类，只是这个类是由JavaScript内部提供的，而不是由用户定义的。new操作符不仅对内部类有效，对用户定义的类也同样有效，对于上节定义的class1，也可以用new来获取一个实例：function class1(){?????? //类成员的定义及构造函数}var obj1=new class1();抛开类的概念，从代码的形式上来看，class1就是一个函数，那么是不是所有的函数都可以用new来操作呢？是的，在JavaScript中，函数和类就是一个概念，当对一个函数进行new操作时，就会返回一个对象。如果这个函数中没有初始化类成员，那就会返回一个空的对象。例如：//定义一个hello函数function hello(){????? alert(hello);}//通过new一个函数获得一个对象var obj=new hello();alert(typeof(obj));从运行结果看，执行了hello函数，同时obj也获得了一个对象的引用。当new一个函数时，这个函数就是所代表类的构造函数，其中的代码被看作为了初始化一个对象。用于表示类的函数也称为构造器。6.1.3? 使用方括号（[ ]）引用对象的属性和方法在JavaScript中，每个对象可以看作是多个属性（方法）的集合，引用一个属性（方法）很简单，如：对象名.属性（方法）名还可以用方括号的形式来引用：对象名[属性（方法）名]注意，这里的方法名和属性名是一个字符串，不是原先点（? ）号后面的标识符，例如：var arr=new Array();//为数组添加一个元素arr[push](abc);//获得数组的长度var len=arr[length];//输出数组的长度alert(len);图6.1显示了执行的结果。由此可见，上面的代码等价于：var arr=new Array();//为数组添加一个元素arr.push(abc);//获得数组的长度var len=arr.length;//输出数组的长度alert(len);这种引用属性（方法）的方式和数组类似，体现了JavaScript对象就是一组属性（方法）的集合这个性质。这种用法适合不确定具体要引用哪个属性（方法）的情况，例如：一个对象用于表示用户资料，用一个字符串表示要使用的那个属性，就可以用这种方式来引用：script language=JavaScript type=text/javascript!--//定义了一个User类，包括两个成员age和sex，并指定了初始值。function User(){????? this.age=21;????? this.sex=male;}//创建user对象var user=new User();//根据下拉列表框显示用户的信息function show(slt){????? if(slt.selectedIndex!=0){?????????????? alert(user[slt.value]);????? }}//--/script!--下拉列表框用于选择用户信息--select onchange=show(this)????? option请选择需要查看的信息：/option????? option value=age年龄/option????? option value=sex性别/option/select在这段代码中，使用一个下拉列表框让用户选择查看哪个信息，每个选项的value就表示用户对象的属性名称。这时如果不采用方括号的形式，可使用如下代码来实现：function show(slt){????? if(slt.selectedIndex!=0){????????????? if(slt.value==age)alert(user.age);?????????