文档详情

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

发布:2025-02-11约5.78千字共28页下载文档
文本预览下载声明

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属性

显示全部
相似文档