Web前端开发实例与实战第8 章 JavaScript对象.docxVIP

编写日期：授课日期：任课教师：

课程

名称

《Web前端开发实例与实战》

授课

专业

授课

班级

周次

节次

授课

章节

第8章

JavaScript对象

授课

学时

5学时

教学

目标

知识

1.了解字面量定义对象。

2.了解定义数组变量和定义数组对象。

3.了解特殊字符。

4.了解Math对象的属性。

5.了解设置日期方法。

能力

1.理解对象构造器定义对象。

2.理解访问数组元素。

3.熟知字符串对象的方法。

4.熟知Math对象的方法。

5.熟知日期获取方法。

素质

培养学生对于科技发展与社会影响的综合思考能力。

教学

重点

数组对象的全部方法

教学

难点

设置日期对象

教学

方法

教学环节包括课堂讲授、集体讨论、师生互动、课后答疑等

教学

用具

多媒体、课件

教学

内容

第8章JavaScript对象

8.1定义对象

对象是JavaScript语言中最重要的数据形式，通过对象可以高效地实现丰富的代码功能。定义对象的方法包括字面量定义对象、new关键字定义对象和构造函数定义对象。

8.1.1字面量定义对象

字面量定义对象是定义对象中最简单的一种方法，其语法形式如下所示。

var对象名={属性1:属性值1,属性2:属性值1,……,属性n:属性值n}

其中，属性与属性值之间使用冒号进行分隔，当值为字面量时，该属性被称为对象的属性。如果属性值为无名函数定义语句、有名函数定义语句或函数名时，该属性被称为对象的方法。

8.1.2new关键字定义对象

new是JavaScript语言的关键字，作用是创建新的对象。使用new关键字定义对象时还需要使用到Object()系统函数。使用new关键字定义对象分为声明对象和初始化对象2部分。声明对象的语法形式如下所示。

var对象名=newObject();

其中，对象名的命名规则需要符合标识符命名规则。new和Object()不可以修改，也不可以省略

8.1.3对象构造器定义对象

构造器函数可以简单理解为一个最基础的复制机器或蓝图。使用它可以无限地复制出很多与它相同的对象。定义一个构造器函数与定义一个普通函数的语法类型相似，只不过会使用到this关键字，其语法形式如下所示。

functionPerson(参数列表){

this.属性=值;

this.方法=值;

}

8.1.4访问对象的属性和方法

无论是以什么形式创建的对象，其对属性和方法的访问方式是相同的。

对象访问属性的语法形式如下所示。

对象名.属性名;

对象访问方法的语法形式如下所示。

对象名.方法名();

8.2数组对象

数组是一种特殊的变量，它可以存放多个值。数组一般用于处理多个内容有关联的数据，如网页中要使用的多个广告图片地址。

8.2.1定义数组

定义数组分为定义数组变量和定义数组对象2种方式。

定义数组变量的语法形式如下所示。

var数组名=[元素1,元素2,……,元素n];

8.2.2访问数组元素

数组的每个元素都会自带一个下标属性，默认从0开始。访问数组元素就是使用该属性实现的。访问数组元素的语法形式如下所示。

数组名[下标];

8.2.3数组对象的属性和方法

由于数组属于对象并且由Array()构造器函数定义，所以数组对象会拥有Array()构造器函数自带的属性和方法。

8.2.4二维数组

JavaScript语言中的二维数组本质是通过定义一维数组对象中的值为其他的一维数组实现的。这样，一维数组中的所有元素都是一维数组，就实现了二维数组的功能。

8.3字符串对象

字符串是指在引号中的单个或多个字符，它多用于存储和操作文本。网页中显示的文本内容大多都是字符串形式的。

8.3.1定义字符串

定义字符串可以分为定义变量和定义对象2种方式。

定义变量字符串的语法形式如下所示。

var变量名=字符串值;

8.3.2特殊字符

由于字符串必须由引号进行引导，所以如果使用的文本中也包含双引号，那么在运行程序时，浏览器会出现读取字符串错误的问题。例如，字符串如下所示。

varshow=我十分喜爱篮球运动;

8.3.3字符串对象的属性和方法

字符串变量或字符串对象都可以使用String()构造器函数提供的属性和方法。

8.4Math对象

JavaScript语言为了解决关于数学的问题专门提供了一个数学对象——Math对象。Math对象的属性大部分是常数，其方法包括了三角函数、反三角函数，以及一些预定义的数学函数。

8.4.1定义Math对象

Math对象本身没有构造器函数，所以它的方法和属性都是静态的。Math对象不需要进行定义就可以直接使用，其语法形式如下所示。

Math.属性

或

Math.方法

8.4.2Math对象的属性

Math对象的属性都为常数，使用Math对象可以直接访