网页设计与制作教程——Web前端开发 第7版 课件 第8章 JavaScript对象基础.pptx

在JavaScript中，可以将对象主要分为三种类型：本地对象、内置对象和宿主对象。第8章JavaScript对象基础8.1JavaScript对象概述

目录第8章JavaScript对象基础8.1JavaScript对象概述8.2对象8.3内置对象习题8

8.1JavaScript对象概述1．本地对象本地对象是独立于宿主环境的JavaScript预定义对象，通俗的说就是构造函数。本地对象主要包括：Object、Function、Array、String、Boolean、Number、Date、RegExp、Error、EvalError、RangeError、ReferenceError、SyntaxError、TypeError、URIError。

8.1JavaScript对象概述2．内置对象内置对象是由本地对象实现的，并且是独立于宿主环境的所有对象。在JavaScript程序开始执行时，内置对象会自动初始化并存在。根据ECMA-262标准，定义了两个内置对象：Global和Math。内置对象与本地对象相同，可看作是本地对象的一类特例。

8.1JavaScript对象概述3．宿主对象宿主对象是JavaScript所寄宿的环境（例如BOM和DOM）定义的对象。宿主对象由客户端浏览器环境定义，与JavaScript语言本身没有直接关系。尽管如此，JavaScript仍然能够控制这些对象的行为，可以对它们进行读写操作。

祝贺你又学完了一节《网页设计与制作教程Web前端开发第7版》刘瑞新主编配套资源

JavaScript语言采用的是基于对象的（Object-Based）、事件驱动的编程机制，因此，必须理解对象以及对象的属性、事件和方法等概念。第8章JavaScript对象基础8.2对象

目录第8章JavaScript对象基础8.1JavaScript对象概述8.2对象8.3内置对象习题8

8.2对象8.2.1对象的概念在JavaScript中，可以使用的对象有：JavaScript的内置对象、由浏览器根据Web页面的内容自动提供的对象、用户自定义的对象。所以，要使用一个对象，有下面3种方法：引用JavaScript内置对象。由浏览器环境中提供的对象。创建新对象。

8.2对象8.2.2类1．使用构造函数function类名(参数1,参数2,…){//在此处定义类的属性this.属性1=参数1;this.属性2=参数2;…}//在此处定义类的方法类名.prototype.方法名=function(形参1,形参2,…){//在此处实现方法};

8.2对象例如，用构造函数创建一个User类，代码如下：functionUser(name,sex,age){//创建一个类User，有3个属性=name;//name属性this.sex=sex;//sex属性this.age=age;//age属性}Utotype.getName=function(){//getName方法return;//返回名};

8.2对象2．使用class关键字class类名{constructor(参数1,参数2,...){//定义类的属性this.属性1=参数1;this.属性2=参数2;...}方法名(形参1,形参2,…){//实现方法}}

8.2对象例如，用class关键字创建一个Person类，代码如下：classPerson{constructor(name,age){=name;//name属性this.age=age;//age属性}getName(){//getName方法return我的名字是+;}}

8.2对象8.2.3创建对象1．用构造函数方式创建对象其格式为：var对象名=new构造函数名(值1,值2,…);例如，依据构造函数User创建对象user：varuser=newUser(张三,女,18);

8.2对象2．用ES6的类语法创建对象创建对象使用new关键字后跟类名，其格式为：var对象名=new类名(值1,值2,…);例如，创建Person类的一个对象person：varperson=newPerson(李四,19);

8.2对象3．用字