JavaScript+jQuery交互式Web前端开发（第2版） 课件 第5章 对象.pptx

第5章对象;学习目标/Target;学习目标/Target;章节概述/Summary;目录/Contents;目录/Contents;初识对象;了解什么是对象，能够阐述JavaScript中对象的概念;;;对象是一种复杂数据类型，由属性和方法组成。

属性是指对象的特征，如学生的姓名、性别、年龄等；

方法是指对象的行为，如学生唱歌、跳舞、写作业等。

对象的属性和方法统称为对象的成员。

通过对象可以更直观地描述一个实体的特征和行为，并提供访问和操作方法。;对象的创建;掌握对象的创建方式，能够灵活应用字面量的方式创建对象;利用字面量创建对象就是指用大括号“{}”来标注对象成员，每个对象成员通过键值对的形式保存，即“key:value”的形式。对象字面量的语法格式如下。;;下面通过代码演示如何利用字面量创建对象。;当创建对象后，如果想要访问对象的成员，可以使用两种方式，第1种方式是使用“.”，第2种方式是使用“[]”，示例代码如下。;如果对象的成员名中包含特殊字符，则可以用字符串来表示成员名，通过“[]”进行访问，示例代码如下。;如果一个对象中没有任何成员，则可以通过为属性或方法赋值的方式来添加对象成员，示例代码如下。;如果访问对象中不存在的成员，则返回undefined，示例代码如下。;掌握对象的创建方式，能够灵活应用构造函数的方式创建对象;;;定义构造函数的语法格式和定义普通函数的语法格式类似，二者的区别是，构造函数的名称推荐首字母大写。定义构造函数的语法格式如下。;在构造函数的函数体中，可以为新创建的对象添加成员，其语法格式如下。;定义构造函数后，使用构造函数创建对象的语法格式如下。;定义一个Student()构造函数，利用Student()构造函数创建学生对象，实现学生的自我介绍，示例代码如下。;5.2.2 利用构造函数创建对象;5.2.2 利用构造函数创建对象;;多学一招;多学一招;掌握对象的创建方式，能够灵活应用Object()的方式创建对象;;5.2.3 利用Object()创建对象;5.2.3 利用Object()创建对象;;多学一招;多学一招;多学一招;对象的遍历;掌握对象的遍历，能够遍历对象的属性和方法;for(var变量in对象){

具体操作

};//准备一个待遍历的学生对象student

varstudent={

?name:小智,

?sex:男,

?age:20

};

//遍历学生对象student

for(varainstudent){

?console.log(a);

?console.log(student[a]);

};;Math对象;掌握Math对象的使用，能够使用Math对象的常用方法和属性实现有关数学的运算;;5.4.1 Math对象的使用;使用PI属性获取圆周率，并计算半径为6的圆的面积，示例代码如下。;5.4.1 Math对象的使用;5.4.1 Math对象的使用;5.4.1 Math对象的使用;掌握random()方法的使用，能够使用random()方法生成指定范围的随机数;5.4.2 生成指定范围的随机数;5.4.2 生成指定范围的随机数;掌握猜数字游戏的案例，能够编写代码实现案例;;首先定义getRandom()函数，实现随机生成1~10的数字，然后使用循环结构实现让程序一直运行，在程序中接收用户输入的数字，并判断输入的数字和随机数的大小关系。

如果输入的数字大于随机数，则程序提示“猜大了”；如果输入的数字小于随机数，则程序提示“猜小了”；如果输入的数字等于随机数，则程序提示“恭喜，猜对了”，结束程序。;5.4.3 【案例】猜数字游戏;5.4.3 【案例】猜数字游戏;日期对象;掌握日期对象的使用，能够使用日期对象的常用方法处理日期和时间;;;在使用Date()构造函数创建日期对象时，省略参数表示使用系统当前时间，示例代码如下。;在使用Date()构造函数创建日期对象时，可以传入以数字表示的年、月、日、时、分、秒参数，并且最少需要指定年、月两个参数，若省略日、时、分、秒参数会自动使用默认值，即当前的日期和时间。;为Date()构造函数传入数字型参数的示例代码如下。;在使用Date()构造函数创建日期对象时，可以传入以字符串表示的日期和时间，字符串中最少需要指定年份。日期和时间的格式有多种，下面以“年-月-日时:分:秒”的格式为例进行讲解。;5.5.1 日期对象的使用;5.5.1 日期对象的使用;下面通过代码演示如何使用日期对象提供的方法设置和获取日期，并将获取到的日期输出到控制台。;在实际开发中，还经常需要将日期对象中的时间转换成指定的格式，示例代码如下。;掌握统计代码运行时间的案例，能够编写代码实现案例;;;获取时间戳的示例代码