工业UI开发技术-课件 2-3-9 类与对象.pptxVIP

类与对象深圳市信息职业技术学院

类01目录0203对象封装04继承05多态

本节目标 通过对JavaScript的基本语法的介绍，掌握JavaScript的语法。通过实训案例的讲解掌握流程控制，类与对象，DOM编程等内容。最后通过任务实施完成JavaScript的全面掌握与灵活运用。通过本节学习可以：掌握JavaScript的基本语法掌握JavaScript的流程控制掌握JavaScript类与对象的概念掌握JavaScript的DOM编程掌握ES6标准

01类

面向对象它是一种编程思想，它在写法上比面向过程相对来说复杂一些；从广义上说，一切皆对象；狭义上说，是一种复合数据类型Object对象可以添加属性（变量）与方法（函数）

02对象

用字面量的方式创建对象创建对象-狗{//属性-变量color:white,weight:20kg,height:0.6m,//方法-函数eat:function(){console.log(我要eat饭);},sleep:function(){console.log(我要睡觉);}}

使用object创建对象varobj1=newObject();//属性obj1.color=white;obj1.height=0.6m;//方法obj1.eat=function(){console.log(我要eat饭);}

工厂模式创建对象在基于类的面向对象方式中，对象（object）依靠类（class）来产生。在基于原型的面向对象方式中，对象（object）则是依靠构造函数（constructor）和原型（prototype）构造出来的。functioncreatePerson(name=jack,age=18){//工厂模式varperson=newObject();person.name=name;person.age=age;person.showName=function(){console.log(我的名字是：+this.name);}person.showAge=function(){console.log(我的年龄是：+this.age);}returnperson;//对象}varper=createPerson(xiaoming,33);//person

构造函数创建对象functioncreatePer(name=jack,age=18){this.name=name;this.age=age;this.showName=function(){console.log(我的名字是：+this.name);}this.showAge=function(){console.log(我的年龄是：+this.age);}}//创建对象varperson=newcreatePer(zhangsan,19);

Prototype原型//创建构造函数；functionnewPerson(name=jack,age=18){this.name=name;this.age=age;}//原型属性newPerson.prototype.qq=786087136;//原型方法newPerson.prototype.showName=function(){console.log(我的名字是：+this.name);}//创建对象varzhang=newnewPerson(zhangsan,19);

03封装

封装面向对象语言的第一个特性毫