网页设计与制作教程Web前端开发（第7版）课件：JavaScript对象基础-对象.pptx

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

目录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个属性this.name=name;//name属性this.sex=sex;//sex属性this.age=age;//age属性}User.prototype.getName=function(){//getName方法returnthis.name;//返回名};

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

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

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．用字面量方式创建对象语法格式为：const对象名={属性名1:属性值1,属性名2:属性值2,…};例如，创建对象并传入相应的属性：varstudent={id:1001,name:Jenny,age:18};

8.2对象4．用Object构造函数创建对象var对象名=newObject();对象名.属性名1=属性值1;对象名.属性名2=属性值2;…例如，创建对象并传入相应的属性：varperson=newObject();person.name=李四;person.age=19;

8.2对象【例8-1】定义类，然后创建对象。本例文件8-1.html在浏览器中显示如图8-1所示。!DOCTYPEhtmlhtmlheadmetacharset=utf-8title定义类，创建对象/titlescripttype=text/javascriptfunctionUser(name,sex,age){//创建一个构造函数User，有3个属性，1个方法this.name=name;//name属性，this表示此类的成员this.sex=sex;//sex属性this.age=age;//age属性