《基于对象的编程》由会员分享，可在线阅读，更多相关《基于对象的编程（40页珍藏版）》请在金锄头文库上搜索。
1、1,4.4 基于对象的编程,对象的基本概念,MATH对象,DATE对象,STRING对象,ARRAY对象,2,推荐学习网页设计的网站,http:/,3,JavaScript提供一些非常有用的预定义对象来帮助开发者提高编程效率。 对大多数开发人员来说，在JavaScript中会使用现有对象就已经足够了。 除了数学运算对象Math以外，JavaScript还提供时间处理对象Date、字符串处理对象String等基本的内置对象。另外，JavaScript也提供功能强大的浏览器对象，以便开发者编制出精彩的动态网页。,4.4.1 初探对象编程,4,什么是对象 对象的属性和方法 在JavaScript中使
2、用对象 通过帮助系统查看内置对象 创建和删除对象,4.4.2 对象的基本概念,5,4.4.2.1 什么是对象,对象用于描述客观世界存在的特定实体。比如，“人”就是一个典型的对象，“人”包括身高、体重、年龄等特性，同时又包含吃饭、睡觉、行走这些动作。 在计算机世界中，不仅存在来自于客观世界的对象，也包含为解决问题而引入的抽象对象。例如，一个用户可被看作一个对象，它包含用户名、用户密码等特性，也包含注册、注销等动作。,6,在JavaScript中，对象就是属性和方法的集合。 方法是作为对象成员的函数，表明对象所具有的行为 属性是作为对象成员的一个变量或一组变量，表明对象的状态 通过访问或设置对象的
3、属性，并且调用对象的方法，就可以对对象进行各种操作，从而获得需要的功能,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对象等） 自定义对象（自己根据需要而定义
4、的新对象） 浏览器对象（浏览器根据系统当前的配置和所装载的页面为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运算符来创建一个变量。 创建格式： 变量名
5、=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对象的主要方法 创建
6、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() 函数 - 返回d
7、ate对象中的月份数(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对象中的年份，月份和天，并返回da
8、te对象距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日午夜之间的毫秒数(时间戳) set
9、Seconds() 函数 - 设置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,
10、 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 对象的
11、属性,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对象,如果
12、一个变量是数组，那么这个变量同时就能够存储多个值。 一个数组可以包含多个数组元素。数组中数组元素的个数称为数组长度。,28,创建和访问数组 基本格式: var arrayname = new Array(arraysize); 表示创建一个数组长度为arraysize的数组对象。,4.4.6 ARRAY对象,29,一个数组元素由数组名、一对方括号和这对括号中的下标组合起来表示。如：arrayname0、arrayname1、arrayname2、arraynamearraysize-1。 赋值、取值操作： var classmates = new Array(4); /创建数组 classma
13、tes0=”张月”; /对第1个数组元素进行赋值 classmates1=”何芳”; /对第2个数组元素进行赋值 classmates3= classmates0; /把第1个数组元素的值赋予第4个,4.4.6 ARRAY对象,30,例4.4.4，使用一个数组变量classmates存贮4个同学的名字，即：张月、李良、王力和何芳，然后在页面上输出这些名字。,4.4.6 ARRAY对象, var classmates,i classmates = new Array(4); classmates0 = “张月“; classmates1 = “李良“; classmates2 = “王力“; c
14、lassmates3 = “何芳“; for(i=0;i“); ,31,对例4.4.4程序的一点改进： classmates = new Array(“张月“,“李良“,“王力“,“何芳“);JavaScript允许new Array后面直接给出数组元素的值，此时数组长度就是在括号中给出的数组元素的个数 JavaScript数组具有动态性，如： classmates = new Array();classmates10 =”黄海”;,4.4.6 ARRAY对象,32,例4.4.5，在页面上显示当前日期和时间，并显示是星期几。,4.4.6 ARRAY对象,显示星期几var week,today,
15、week_i;week=new Array(“星期日“,“星期一“,“星期二“,“星期三“,“星期四“,“星期五“,“星期六“);today=new Date();week_i=today.getDay();document.write(today.toLocaleString()+weekweek_i);,33,使用forin语句 用forin语句处理数组，可以依次对数组中的每个数组元素执行一条或多条语句。 forin的格式是： for(变量 in 数组) 循环体语句;,4.4.6 ARRAY对象,34,其中变量将遍历数组中的每个索引。其执行过程如下： 1.变量被赋值为数组的第1个下标索引(
16、通常是0)； 2.如果变量值是一个有效的下标索引(如小于数组长度)，就执行步骤3，否则退出循环； 3.执行循环体语句； 4.变量被赋值为数组的下一个下标索引；转去执行步骤2进行判断。,4.4.6 ARRAY对象,35,例4.4.6，使用forin修改例4.4.4的程序。,4.4.6 ARRAY对象,使用for.in语句var classmates,iclassmates = new Array(“张月“,“李良“,“王力“,“何芳“);for(i in classmates) document.write(“第“+(parseInt(i)+1)+“个同学是:“+classmatesi+“);,
