JavaScript面向对象编程.pptVIP

第5章 JavaScrip面向对象编程 5.1 JavaScript对象概念 JavaScript语言是基于对象的（Object-Based），而不是面向对象的（object-oriented）。之所以说它是一门基于对象的语言，主要是因为它没有提供象抽象、继承、重载等有关面向对象语言的许多功能。 何为”对象”：客观存在的事物或事件，拥有属性和方法。 何为”属性”：用于描叙对象的状态和特征。 何为”方法”：对象所具备的某种“能力”。 5.1 JavaScript对象概念 JavaScript中的对象是由属性(properties)和方法(methods)两个基本的元素的构成的。 比如：向网页输出显示内容用document.write(“字符中”) ,其中document就是对象，write（）就是方法。 再比如：form name=“form1”其中form就是对象，name就是属性。 5.2.1 JavaScript对象的创建\删除及应用 1,创建：通常用New运算符创建。 语法格式：var 变量名=new 对象名（）; 例：var mydate=new Date(); 使用var关键字定义了一个名为mydate的变量,然后使用赋值运算符(=),将右边的表达式赋值给变量mydate，以实现变量mydate的初始化。 2,删除对象用delete运算符,但不常用。 创建对象示例： script language=javascript //建立一个Date()对象变量NowDate，用于显示目前的时间???? NowDate = new Date(); ??? document.write(目前的时间为: ); ?document.write(NowDate); /script 5.2.2 如何使用对象的属性？ 获取属性值方法： 1, 通过圆点运算符(.):先写出对象的变量名，后跟一个点号(.)，然后写出要访问的属性的名称即可。 例如， var myVariable=myArray.length 例如： 表单控件名称.value 2,通过下标:语法格式：对象名[下标值] 存值的例：取值则后边不赋值 scstc[0]=“云南” scstc[1]=“昆明市” scstc[2]=1999 3,通过字符串(属性名)的形式实现：对象名[属性名] 存值的例：取值则后边不赋值 scstc[Name]=“云南” scstc[City]=“昆明市” scstc[Date]=1999 5.2.2如何使用对象的属性？ 4,通过循环：语法格式如下： For(var 变量 in 对象名) { 对象名[变量] } For...in语句优点就是无需知道对象中属性的个数即可进行操作 . 例如： SCRIPT LANGUAGE=JavaScript var sheng=new Array(3); sheng[0]=四川省 sheng[1]=广东省 sheng[2]=山西省 for(var i in sheng) { alert(a[i]); } /SCRIPT 5.2.2如何使用对象的属性？ 6,this关键字 this总是代表当前对象,是对当前的引用，JavaScript对象的引用是多层次，多方位的，往往一个对象的引用又需要对另一个对象的引用，而另一个对象有可能又要引用另一个对象，这样有可能造成混乱，最后自己已不知道现在引用的哪一个对象，为此JavaScript提供了一个用于将对象指定当前对象的语句this。 5.2.3 如何调用对象的方法？ 使用对象的方法与使用对象的属性很类似，首先是对象的变量名，后跟一个点号(.)，然后是要调用的方法的名称。例如，对于变量myArray引用的数组对象中的元素，可以使用以下方法进行排序：myArray.sort();再比如:document.write() 与函数类似，可以向对象的某些方法传递参数，方法的参数位于方法名之后的圆括号中。无论一个方法是否具有参数，都不能省略方法名之后的圆括号。 5.3 JavaScript几个常用对象介绍及应用 Javascript对象分为三种：内置对象、浏览器对象、自定义对象。 内置对象:JavaScript为我们提供了一些非常有用的常用内部对象和方法。用户不需要用脚本来实现这些功能。这正是基于对象编程的真正目的。 在JavaScript提供了string（字符串）、math（数值计算）和Date（日期）三种对象和其它一些相关的方法。 5.3.1日期及时间对象Date 功能：提供一个有关日期和时间的对象。 Date必须使用New运算符创建一个实例。 例:MyDate=