第5章 对象编程1.ppt
《第5章 对象编程1.ppt》由会员分享,可在线阅读,更多相关《第5章 对象编程1.ppt(66页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、第5章对象编程第5章 对象编程【学习目标学习目标】JavaScriptJavaScript是是一一种种基基于于对对象象(ObjectObject)的的语语言言,它它支支持持三三种种对对象象:内内置置对对象象、用用户户自自定定义义对对象象以以及及浏浏览器对象。本章主要介绍常用的内置对象,通过本章的学习,读者可以达到以下学习目的:览器对象。本章主要介绍常用的内置对象,通过本章的学习,读者可以达到以下学习目的:了解了解什么是对象,对象的创建、删除及使用什么是对象,对象的创建、删除及使用掌握日期对象掌握日期对象掌握数学对象掌握数学对象掌握字符串对象掌握字符串对象掌握掌握NumberNumber对象对象
2、掌握掌握ArrayArray对象对象本章目录n5.1 什么是函数什么是函数 n5.2 对对象概述象概述 n5.3 在在JavaScript中使用中使用对对象象 n5.4 日期日期对对象(象(Date对对象)象)n5.5 数学数学对对象(象(Math对对象)象)n5.6 字符串字符串对对象(象(String对对象)象)n5.7 Number对对象象 n5.8 Array对对象象 5.1 对象概述对象概述 n 什么是对象 n 创建和删除对象 n 对象的属性和方法 什么是对象对对象象的的概概念念首首先先来来自自于于客客观观世世界界的的认认识识,对对象象用用于于描描述述客客观观世世界界存存在在的的特特
3、定定实实体体。例例如如,“人人”就就是是一一个个典典型型的的对对象象,“人人”包包括括身身高高、体体重重、年年龄龄等等特特性性,同同时时又又包包含含吃吃饭饭、睡睡觉觉、行行走走等一些动作。等一些动作。在在计计算算机机世世界界中中,不不仅仅存存在在来来自自于于客客观观世世界界的的对对象象,也也包包含含为为解解决决问问题题而而引引入入的的抽抽象象对对象象。例例如如,一一个个用用户户可可被被看看作作一一个个对对象象,它它包包含含用用户户名名、用用户户密密码码等等特特性性,也也包包含含注注册册、注注销销等等动动作作。一一个个WebWeb页页可可以以被被看看作作一一个个对对象象,它它包包含含背背景景色色
4、、段段落落文文本本、标标题题等等特特性性,同同时时又又包包含含打打开开、关关闭和写入等动作。闭和写入等动作。综上所述,对象就是一组包含数据的属性和对属性中包含数据进行操作的方法的实体。综上所述,对象就是一组包含数据的属性和对属性中包含数据进行操作的方法的实体。例例5.1 5.1 在网页是输出字符串,所针对的对象就是在网页是输出字符串,所针对的对象就是documentdocument,所用的属性是所用的属性是writewrite,代码如下。代码如下。Document.write(我喜欢学JavaScript);上述代码将在网页上输出字符串上述代码将在网页上输出字符串“我喜欢学我喜欢学JavaSc
5、riptJavaScript”。创建和删除对象使使用用对对象象前前,首首先先要要学学会会创创建建对对象象。在在JavaScriptJavaScript中中,除除了了MathMath等等个个别别对对象象,其其他他对对象象都都使使用用newnew运运算算符符来来创创建建,该该运运算算符符是是一一个个常常用用且且十十分分重重要要的的运运算算符符。删删除除一一个个对对象象可可以以使使用用对对象象运运算算符符deletedelete,但在但在JavaScriptJavaScript中很少使用它。中很少使用它。使用使用newnew运算符创建对象变量的格式如下:运算符创建对象变量的格式如下:变量名=new
6、对象名();例例5.2 5.2 在页面中显示当前时间,效果如图在页面中显示当前时间,效果如图5.35.3所示。所示。程序代码如下:程序代码如下:无标题文档var mydate;mydate=new Date();document.write(现在是:+mydate.getHours()+时+mydate.getMinutes()+分+mydate.getSeconds()+秒);上上述述代代码码中中,使使用用JavaScriptJavaScript运运算算符符newnew创创建建一一个个DateDate对对象象,然然后后将将这这个个对对象象赋赋值值给给变变量量mydatemydate,最后使用
7、该对象的属性来获取当前系统时间。最后使用该对象的属性来获取当前系统时间。课堂练习1熟练掌握对象的定义和对象实例的创建定义一个表示汽车的对象该对象具有颜色、行驶里程和商标属性该对象具有鸣笛、启动和停止方法对象的属性可以由用户通过构造函数自己初始化创建一个颜色为yellow,行驶里程为100(公里)以及商标为BMW的汽车实例car1创建一个颜色为black,行驶里程为200(公里)以及商标为大奔的汽车实例car2输出car1的所有属性值调用car1的start()方法输出car2的所有属性值调用car2的stop()方法和whistle方法对象的属性和方法一一个个对对象象应应包包含含两两个个要要素
8、素,即即属属性性和和方方法法。属属性性是是用用来来描描述述对对象象特特性性的的一一组组数数据据,即即若若干干变变量量;方法是用来操作对象的若干动作,也就是若干函数。方法是用来操作对象的若干动作,也就是若干函数。在在JavaScriptJavaScript中中,对对象象就就是是属属性性和和方方法法的的集集合合。方方法法是是作作为为对对象象成成员员的的函函数数,表表明明对对象象所所具具有有的行为,而属性是作为对象成员的变量,表明对象状态。的行为,而属性是作为对象成员的变量,表明对象状态。通通过过访访问问或或设设置置对对象象的的属属性性,并并且且调调用用对对象象的的方方法法,就就可可以以对对对对象象
9、进进行行各各种种操操作作,从从而而获获得得需需要的功能。下面分别介绍对象的属性和方法。要的功能。下面分别介绍对象的属性和方法。q对象的属性对象的属性 使用下述几种方法可以得到对象的属性值。使用下述几种方法可以得到对象的属性值。(1 1)通过圆点()通过圆点(.)运算符。语法:)运算符。语法:对象名.属性名(2 2)通过属性名。语法:)通过属性名。语法:对象名属性名(3 3)通过循环语句。语法:)通过循环语句。语法:for(var 变量 in 对象变量)对象变量变量(4 4)通过)通过WithWith语句。语法:语句。语法:with(对象变量)直接使用对象属性名、方法名q对象的属性对象的属性 使
10、用使用WithWith语句或通过圆点(语句或通过圆点(.)运算符就可以得到对象的方法。)运算符就可以得到对象的方法。对象变量.对象方法名()课堂练习2熟练掌握对象属性的添加、重定义和删除以及对象的删除定义一个shirt对象,具有size、color和style属性以及sayHello()方法创建一个对象实例shirt,并初始化size属性为XL,color属性为yellow,style属性为XP为对象shirt添加属性grade并设置其值为A修改对象shirt的size属性值为XXL,修改color属性值为blue使用delete语句删除sayHello()方法并将style属性设置为unde
11、fined补充用于对象的语句with语句对于针对同一个对象的操作,使用with语句就可以避免大量重复的代码,从而简化代码的输入方式语法:lwith(object)wStatement1;wStatement2;wStatement3;wwstatementN;l补充用于对象的语句with语句案例:with语句的使用var date=new Date();with(date)setFullYear(2008);setMonth(11);setDate(13);setHours(3);setMinutes(23);setSeconds(35);alert(date.toLocaleString()
12、;补充用于对象的语句forin语句可以实现对某个对象的所有属性进行遍历操作,在事先不知道对象属性个数的情况下,可以逐个取出对象中属性的值,然后对其进行一定的操作案例for.in语句的使用function Plane(width,length,height)this.width=width;this.length=length;this.height=height;this.fly=function()document.write(Im flying.);var plane=new Plane(8,20,3);function listProperties(obj)/定义函数用于输出对象的所有属
13、性 var str=;for(var ppt in obj)str+=ppt+:+objppt+;/使用访问对象的属性 document.write(str+);listProperties(plane);delete plane.fly;plane.width=undefined;listProperties(plane);5.2 在在JavaScript中使用对中使用对象象 在在JavaScript中中,可可以以使使用用三三种种对对象象,即即内内置置对对象象、自自定定义义对对象象和和浏浏览览器器对对象象。内内置置对对象象和和浏浏览览器对象统称为预定义对象。器对象统称为预定义对象。JavaS
14、cript将将一一些些常常用用功功能能预预先先定定义义成成对对象象,用用户户可可以以直直接接使使用用,这这种种对对象象就就是是内内置置对对象象。这这些些内内置置对对象象可可以以帮帮助助用用户户在在设设计计自自己己的的脚脚本本时时实实现现一一些些最最常常最最基基本本的的功功能能。这这些些对对象象是是Date、Math、String、Array、Number、Boolean、Function、Global、Object、RegExp和和Even对象。对象。浏浏览览器器对对象象是是浏浏览览器器根根据据系系统统当当前前的的配配置置和和所所装装载载的的页页面面为为JavaScript提提供供的的一一些些
15、可可供供使使用用的的对对象。象。自定义对象就是指自己根据需要而定义的新对象。自定义对象就是指自己根据需要而定义的新对象。5.3 日期对象(日期对象(Date对象)对象)n 创建Date对象 n Date对象的主要属性和方法 在在Web开开发发过过程程中中,可可以以使使用用JavaScript的的Date对对象象(日日期期对对象象)来来实实现现对对日日期期和和时时间间的的控控制制。如如果果想想在在网网页页中中显显示示计计时时时时钟钟,就就得得重重复复生生成成新新的的Date对对象象来来获获取取当当前前计计算算机机的的时时间间。用用户户可可以使用以使用Date对象执行各种使用日期和时间的过程。对象
16、执行各种使用日期和时间的过程。创建Date对象日日期期对对象象是是对对一一个个对对象象数数据据类类型型求求值值,该该对对象象主主要要负负责责处处理理与与日日期期和和时时间间有有关关的的数数据据信信息息。在在使用使用DateDate对象前,首先要创建该对象,其创建格式如下:对象前,首先要创建该对象,其创建格式如下:dateObj=new Date()dateObj=new Date(dateVal)dateObj=new Date(year,month,date,hours,minutes,seconds,ms)DateDate对象语法中各参数的说明如表对象语法中各参数的说明如表5.15.1所示
17、。所示。创建Date对象下面以示例的形式来介绍如何创建日期对象。下面以示例的形式来介绍如何创建日期对象。例如,返回当前的日期和时间。例如,返回当前的日期和时间。var newDate=new Date();document.write(newDate);运行结果:运行结果:Tue Feb 3 08:49:30 UTC+0800 2009Tue Feb 3 08:49:30 UTC+0800 2009。例如,用年、月、日(例如,用年、月、日(2009-2-32009-2-3)来创建日期对象。代码如下:)来创建日期对象。代码如下:var newDate=new Date(2009,2,3);doc
18、ument.write(newDate);运行结果:运行结果:Tue Mar 3 00:00:00 UTC+0800 2009Tue Mar 3 00:00:00 UTC+0800 2009。例如,用年、月、日、小时、分钟、秒(例如,用年、月、日、小时、分钟、秒(2009-2-3 8:59:502009-2-3 8:59:50)来创建日期对象。代码如下:)来创建日期对象。代码如下:var newDate=new Date(2009,2,3,8,59,50);document.write(newDate);运行结果:运行结果:Tue Mar 3 08:59:50 UTC+0800 2009Tue
19、 Mar 3 08:59:50 UTC+0800 2009。例如,以字符串形式创建日期对象(例如,以字符串形式创建日期对象(2009-2-3 9:01:402009-2-3 9:01:40)。代码如下:)。代码如下:var newDate=new Date(Feb 3,2009 9:01:40);document.write(newDate);运行结果:运行结果:Tue Feb 3 09:01:40 UTC+0800 2009Tue Feb 3 09:01:40 UTC+0800 2009。Date对象的主要属性和方法1 1DateDate对象的主要属性对象的主要属性DateDate对象的属性
20、有对象的属性有constructorconstructor和和prototypeprototype,下面介绍这两个属性的用法。下面介绍这两个属性的用法。(1 1)constructorconstructor属性属性例如,判断当前对象是否为日期对象。代码如下:例如,判断当前对象是否为日期对象。代码如下:var newDate=new Date();if(newDate.constructor=Date)document.write(日期型对象);运行结果:日期型对象。运行结果:日期型对象。(2 2)prototypeprototype属性属性例如,用自定义属性来记录当前日期是本周的周几。代码如下
21、:例如,用自定义属性来记录当前日期是本周的周几。代码如下:var newDate=new Date();/当前日期为2009-2-3Date.prototype.mark=null;/向对象中添加属性newDate.mard=newDate.getDay();/从Date对象返回一周中的某一天(06)alert(newDate.mard);运行结果:运行结果:2 2。Date对象的主要属性和方法2 2DateDate对象的主要方法对象的主要方法Date对对象象是是JavaScript的的一一种种内内部部数数据据类类型型。该该对对象象没没有有可可以以直直接接读读写写的的属属性性,所所有有对对日日
22、期期和和时间的操作都是通过方法完成的。时间的操作都是通过方法完成的。Date对象的主要方法如表对象的主要方法如表5.2所示所示。Date对象的主要属性和方法续表续表Date对象的主要属性和方法续表续表Date对象的主要属性和方法例例5.3 5.3 下下面面应应用用getFullYeargetFullYear()()、getYeargetYear()()、getMonthgetMonth()()、getDategetDate()()、getHoursgetHours()()、getMinutesgetMinutes()()、getSecondsgetSeconds()()和和setMillise
23、condssetMilliseconds()()方方法法将将获获取取当当前前系系统统日日期期和和时时间间,然然后后按按指指定定的的格格式式显显示出来,程序代码如下。示出来,程序代码如下。Date对象的应用!-var date=new Date();var year=date.getYear();var month=date.getMonth();month=month+1;var day=date.getDate();var hours=date.getHours();var minutes=date.getMinutes();var seconds=date.getSeconds();var
24、 milliseconds=date.getMilliseconds();document.write(当前日期为:+year+年+month+月+day+日+);document.write(当前时间为:+hours+时+minutes+分+seconds+秒+milliseconds+毫秒);/-在浏览器中预览,效果如图在浏览器中预览,效果如图5.45.4所示。所示。课堂练习3熟练掌握Date对象获取日期时间信息的方法弹出提示框提示用户输入一个表示未来的时间并将值存储到变量d中根据变量d创建Date对象date计算当前时间到date所表示的时间还有多少天并输出结果课堂练习4熟练掌握Date
25、对象各种方法的使用2011年世界大学生运动会开幕时间为2011年8月12日,根据这个时间创建Date对象并命名为date计算date表示时间的星期,并使用“星期X”格式输出计算现在距离2011年世界大学生运动会开幕还有多少天并输出结果5.4 数学对象(数学对象(Math对象)对象)在在JavaScriptJavaScript中中,MathMath对对象象提提供供算算数数运运算算符符所所需需要要的的多多种种算算数数值值类类型型和和函函数数。该该对对象象的的所所有有属属性和方法都是静态的,使用该对象时,不需要对其进行创建。性和方法都是静态的,使用该对象时,不需要对其进行创建。1 1MathMath
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第5章 对象编程1 对象 编程
限制150内