類與對象深圳市信息職業(yè)技術(shù)學(xué)院類01目

錄0203對象封裝04繼承05多態(tài)本節(jié)目標(biāo)

通過對JavaScript的基本語法的介紹，掌握J(rèn)avaScript的語法。通過實(shí)訓(xùn)案例的講解掌握流程控制，類與對象，DOM編程等內(nèi)容。最后通過任務(wù)實(shí)施完成JavaScript的全面掌握與靈活運(yùn)用。通過本節(jié)學(xué)習(xí)可以：掌握J(rèn)avaScript的基本語法掌握J(rèn)avaScript的流程控制掌握J(rèn)avaScript類與對象的概念掌握J(rèn)avaScript的DOM編程掌握ES6標(biāo)準(zhǔn)01類面向?qū)ο笏且环N編程思想，它在寫法上比面向過程相對來說復(fù)雜一些；從廣義上說，"一切皆對象"；狹義上說，是一種復(fù)合數(shù)據(jù)類型Object對象可以添加屬性（變量）與方法（函數(shù)）02對象用字面量的方式創(chuàng)建對象創(chuàng)建對象-狗

{//屬性-變量

color:'white',weight:'20kg',height:'0.6m',//方法-函數(shù)

eat:function(){console.log('我要eat飯');},

sleep:function(){console.log('我要睡覺');}}使用object創(chuàng)建對象varobj1=newObject();//屬性

obj1.color='white';obj1.height='0.6m';//方法

obj1.eat=function(){console.log('我要eat飯');}工廠模式創(chuàng)建對象在基于類的面向?qū)ο蠓绞街?，對象（object）依靠類（class）來產(chǎn)生。在基于原型的面向?qū)ο蠓绞街?，對象（object）則是依靠構(gòu)造函數(shù)（constructor）和原型（prototype）構(gòu)造出來的。functioncreatePerson(name='jack',age=18){//工廠模式varperson=newObject();=name;person.age=age;person.showName=function(){console.log('我的名字是：'+);}person.showAge=function(){console.log('我的年齡是：'+this.age);}returnperson;//對象}varper=createPerson('xiaoming',33);//person構(gòu)造函數(shù)創(chuàng)建對象functioncreatePer(name='jack',age=18){=name;this.age=age;this.showName=function(){console.log('我的名字是：'+);}this.showAge=function(){console.log('我的年齡是：'+this.age);}}//創(chuàng)建對象

varperson=newcreatePer('zhangsan',19);Prototype原型//創(chuàng)建構(gòu)造函數(shù)；

functionnewPerson(name='jack',age=18){=name;this.age=age;}//原型屬性

newPtotype.qq='786087136';//原型方法

newPtotype.showName=function(){console.log('我的名字是：'+);}//創(chuàng)建對象

varzhang=newnewPerson('zhangsan',19);03封裝封裝面向?qū)ο笳Z言的第一個(gè)特性毫無疑問是封裝，在JS中，封裝的過程就是把一些屬性和方法放到對象中“包裹”起來過程：對象字面量-->object對象-->工廠模式-->構(gòu)造函數(shù)-->原型模式-->構(gòu)造函數(shù)+原型模式04繼承繼承原型繼承/構(gòu)造繼承繼承屬性/繼承方法方法： call/apply（構(gòu)造繼承）

原型繼承

實(shí)例繼承

拷貝繼承

組合繼承

寄生組合繼承05多態(tài)多態(tài)多態(tài)的最根本好處在于，你不必再向?qū)ο笤儐枴澳闶鞘裁搭愋汀倍蟾鶕?jù)得