基于对象的编程.ppt

1,4.4 基于对象的编程,对象的基本概念,MATH对象,DATE对象,STRING对象,ARRAY对象,2,推荐学习网页设计的网站,,3,,JavaScript提供一些非常有用的预定义对象来帮助开发者提高编程效率 对大多数开发人员来说，在JavaScript中会使用现有对象就已经足够了 除了数学运算对象Math以外，JavaScript还提供时间处理对象Date、字符串处理对象String等基本的内置对象另外，JavaScript也提供功能强大的浏览器对象，以便开发者编制出精彩的动态网页4.4.1 初探对象编程,4,,什么是对象 对象的属性和方法 在JavaScript中使用对象 通过帮助系统查看内置对象 创建和删除对象,4.4.2 对象的基本概念,5,4.4.2.1 什么是对象,对象用于描述客观世界存在的特定实体比如，“人”就是一个典型的对象，“人”包括身高、体重、年龄等特性，同时又包含吃饭、睡觉、行走这些动作 在计算机世界中，不仅存在来自于客观世界的对象，也包含为解决问题而引入的抽象对象例如，一个用户可被看作一个对象，它包含用户名、用户密码等特性，也包含注册、注销等动作。

6,,在JavaScript中，对象就是属性和方法的集合 方法是作为对象成员的函数，表明对象所具有的行为 属性是作为对象成员的一个变量或一组变量，表明对象的状态 通过访问或设置对象的属性，并且调用对象的方法，就可以对对象进行各种操作，从而获得需要的功能,4.4.2.2 对象的属性和方法,7,,调用对象的一个方法类似于调用一个函数，如:Math.sqrt(x) 使用对象的一个属性则类似于使用一个变量，如:window.status=”正在显示我的主页” 例4.4.1，在浏览器窗口的状态栏中显示当前浏览器名称及版本信息4.4.2.2 对象的属性和方法,8,可以使用三种对象: 内置对象 （Math、Date、String、Array、Number、Boolean、Function、Global、Object、RegExp、Event对象等） 自定义对象（自己根据需要而定义的新对象） 浏览器对象（浏览器根据系统当前的配置和所装载的页面为JavaScript提供的一些可供使用的对象，如，document、window对象等）,4.4.2.3 在JavaScript中使用对象,9,在Microsoft脚本编辑器中通过“帮助”菜单打开其帮助系统窗口 “JScript帮助”->“JScript”->“Jscript语言参考”->“对象”，就可在窗口右部显示所有内置对象。

4.4.2.4通过帮助系统查看内置对象,10,4.4.2.5 创建和删除对象,在JavaScript的内置对象中，除了Math等极个别对象以外，其他对象都要使用new运算符来创建一个变量 创建格式： 变量名=new 对象名()； Delete运算符用于删除对象,11,,Math对象的属性是数学中常用的常量，如圆周率PI，自然对数的底E等 Math对象的方法则是一些十分有用的数学函数，如sin()、random()、log()等 在调用Math对象的属性和方法时，直接写成：Math.属性和Math.方法（）4.4.3 MATH对象,12,Math对象的属性,13,,14,,Math对象的方法,15,例4.4.2，求PI的5次方，并四舍五入取整4.4.3 MATH对象,使用Math对象alert(Math.round(Math.pow(Math.PI,5)));,16,,Date对象的主要方法 创建Date对象,4.4.4 DATE对象,17,4.4.4.1 Date对象的主要方法,日期获取类函数 getDate() 函数 -- 返回date对象中的月份中的某一天(1-31) getDay()函数 -- 返回date对象中的星期中的某一天(0-6) getFullYear() 函数 -- 返回date对象中的四位数年份 getHours()函数 -- 返回date对象中的小时数(0-23) getMilliseconds() 函数 -- 返回date对象中的毫秒数(0-999) getMinutes() 函数 -- 返回date对象中的分钟数(0-59),18,,getMonth() 函数 -- 返回date对象中的月份数(0-11) getSeconds() 函数 -- 返回date对象中的秒数(0-59) getTime() 函数 -- 返回date对象的时间戳表示法(毫秒表示) getYear() 函数 -- 返回date对象的年份 toLocalestring – 返回日期的字符串表示 toString – 返回日期的字符串表示,4.4.4.1 Date对象的主要方法,19,,日期设置类函数 setDate() 函数 -- 设置date对象中月份的一天，并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳) setFullYear() 函数 -- 设置date对象中的年份，月份和天，并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳) setHours() 函数 -- 设置date对象的小时，分钟，秒和毫秒，并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳) setMilliseconds() 函数 -- 设置date对象的毫秒数，并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳) setMinutes() 函数 -- 设置date对象的分钟，秒，毫秒，并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳) setMonth() 函数 -- 设置date对象中月份，天，并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳) setSeconds() 函数 -- 设置date对象中月份的一天，并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳) setTime() 函数 -- 使用毫秒数设置date对象，并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳) 。

4.4.4.1 Date对象的主要方法,20,要使用Date对象，必须先使用new运算符创建它创建Date对象的常见方式有三种： 1.不带参数 var today = new Date(); 注意：Date 对象会自动把当前的日期和时间保存为其初始值 2.创建一个指定日期的Date变量 var theDate = new Date(2009, 11, 11); 3.创建一个指定时间的Date变量 var theTime = new Date(2010, 7, 1, 10, 20,30,50),4.4.4.2 创建Date对象,21,,String对象提供对字符串进行处理的属性和方法() 在使用String对象时，首先要创建一个字符串变量 （1）使用new运算符来创建，如: newstring = new String(“This is a new string.“) （2）也可以直接将字符串赋给变量 newstring = “This is a new string.“,4.4.5 STRING对象,22,String 对象的属性,23,String 对象的方法,24,25,26,例4.4.3，将用户输入的字符串反向输出到页面上，并且要求将其中的小写字母转换为大写字母。

例如，如果输入”abc123”，则输出”321CBA”4.4.5 STRING对象,使用Stringvar origin_s,upper_s,i; origin_s = prompt(“请输入一行文字:“,““); upper_s = origin_s.toUpperCase(); for(i=upper_s.length-1;i>=0;i--) document.write(upper_s.charAt(i));,27,4.4.6 ARRAY对象,如果一个变量是数组，那么这个变量同时就能够存储多个值 一个数组可以包含多个数组元素数组中数组元素的个数称为数组长度28,创建和访问数组 基本格式: var arrayname = new Array(arraysize); 表示创建一个数组长度为arraysize的数组对象4.4.6 ARRAY对象,29,,一个数组元素由数组名、一对方括号[]和这对括号中的下标组合起来表示如：arrayname[0]、arrayname[1]、arrayname[2]、…、arrayname[arraysize-1] 赋值、取值操作： var classmates = new Array(4); //创建数组 classmates[0]=”张月”; //对第1个数组元素进行赋值 classmates[1]=”何芳”; //对第2个数组元素进行赋值 classmates[3]= classmates[0]; //把第1个数组元素的值赋予第4个,4.4.6 ARRAY对象,30,,例4.4.4，使用一个数组变量classmates存贮4个同学的名字，即：张月、李良、王力和何芳，然后在页面上输出这些名字。

4.4.6 ARRAY对象, var classmates,i classmates = new Array(4); classmates[0] = “张月“; classmates[1] = “李良“; classmates[2] = “王力“; classmates[3] = “何芳“; for(i=0;i“); ,31,对例4.4.4程序的一点改进： classmates = new Array(“张月“,“李良“,“王力“,“何芳“);JavaScript允许new Array后面直接给出数组元素的值，此时数组长度就是在括号中给出的数组元素的个数 JavaScript数组具有动态性，如： classmates = new Array();classmates[10] =”黄海”;,4.4.6 ARRAY对象,32,例4.4.5，在页面上显示当前日期和时间，并显示是星期几4.4.6 ARRAY对象,显示星期几var week,today,week_i;week=new Array(“星期日“,“星期一“,“星期二“,“星期三“,“星期四“,“星期五“,“星期六“);today=new Date();week_i=today.getDay();document.write(today.toLocaleString()+week[week_i]);,33,使用for…in语句 用for…in语句处理数组，可以依次对数组中的每个数组元素执行一条或多条语句。

for…in的格式是： for(变量 in 数组) 循环体语句;,4.4.6 ARRAY对象,34,其中变量将遍历数组中的每个索引其执行过程如下： 1.变量被赋值为数组的第1个下标索引(通常是0)； 2.如果变量值是一个有效的下标索引(如小于数组长度)，就执行步骤3，否则退出循环； 3.执行循环体语句； 4.变量被赋值为数组的下一个下标索引；转去执行步骤2进行判断4.4.6 ARRAY对象,35,,例4.4.6，使用for…in修改例4.4.4的程序4.4.6 ARRAY对象,使用for.in语句var classmates,iclassmates = new Array(“张月“,“李良“,“王力“,“何芳“);for(i in classmates) document.write(“第“+(parseInt(i)+1)+“个同学是:“+classmates[i]+““);,。