当前位置: 首页 > Web前端 > HTML

一篇文章带你读懂JavaScript中的“面向对象”

时间:2023-04-02 15:00:47 HTML

浣滆€厊鏉ユ簮|杈捐揪鍓嶇灏忛厭棣嗗畨瑁厀ebpack锛屾墦鍖呭伐鍏凤紝瀹夎webpack-dev-server锛屽畨瑁卋abel瑙f瀽es6璇硶锛屽垵濮嬪寲npm鐜銆俷pminstallwebpackwebpack-cli--save-devwebpack.dev.config.jsmodule.exports={鍏ュ彛锛?./src/index.js'锛岃緭鍑猴細{璺緞锛歘_dirname锛屾枃浠跺悕锛?./release/bundle.js'}}index.jsclassPerson{constructor(name){this.name=name}getName(){returnthis.name}}letp=newPerson('dada')console.log(p.getName());浠€涔堟槸闈㈠悜瀵硅薄锛熼潰鍚戝璞$殑涓夎绱狅細缁ф壙銆佸皝瑁呫€佸鎬併€?/classclassPeople{constructor(name,age){this.name=name;杩欎釜銆傚勾榫?骞撮緞锛泒eat(){console.log('eat');}speak(){console.log('speak');}}object(instance)//鍒涘缓瀹炰緥letdada=newPeople('dada',12);dada.eat();dada.speak();//鍒涘缓瀹炰緥lettudi=newPeople('da1',12);tudi.eat();tudi.speak();缁ф壙锛屽瓙绫荤户鎵跨埗绫伙紝灏佽锛屾暟鎹潈闄愬拰淇濆瘑锛屽鎬侊紝鍚屼竴涓帴鍙g殑涓嶅悓瀹炵幇銆傜户鎵挎渚嬶紝鐖剁被//鐖剁被People{constructor(name,age){this.name=namethis.age=age}eat(){console.log('eat');}speak(){console.log('speak');}}瀛愮被缁ф壙鐖剁被StudentextendsPeople{constructor(name,age,number){super(name,age);this.number=鏁板瓧锛泒study(){console.log('study');}}瀹炰緥letdada=newStudent('dada',12,'web');dada.study();console.log(dada.number);dada.eat();鐖剁被鏄疨ublic锛屼笉浠呮湇鍔¤繕鏈変竴涓瓙绫伙紝缁ф壙鍙互鎶藉彇鍏叡鏂规硶锛屾彁楂樹唬鐮佸鐢ㄦ€э紝鍑忓皯鍐椾綑浠g爜閲嶅銆傚皝瑁卲ublic瀹屽叏寮€鏀撅紝protected瀵瑰瓙绫诲紑鏀撅紝private瀵硅嚜鐮旂埗绫诲紑鏀?2}eat(){console.log('eat');}speak(){console.log('speak');}}classStudentextendsPeople{numberprivategirlfriendconstructor(name,age,number){super(name,age,number){super(name,age)this.number=numberthis.girlfriend='dada'}study(){console.log('瀛︿範');}getWeight(){console.log('getWeight');}}}闄嶄綆鑰﹀悎锛屼笉璇ユ毚闇茬殑涓嶆毚闇诧紝鏂逛究鏁版嵁鍜屾帴鍙g殑鏉冮檺绠$悊銆傚鎬乧lassPeople{constructor(name){this.name=name}saySomething(){}}classAextendsPeople{constructor(name){super(name);}saySomething(){console.log('dada');}}classBextendsPeople{constructor(name){super(name)}saySomething(){console.log('da1');}}leta=newA('a');a.saySomething();letb=newB('b');b.saySomething();JS搴旂敤瀹炰緥classjQuery{constructor(selector){letslice=Array.prototype.sliceletdom=slice.call(document.querySelectorAll(selector))letlen=dom?dom.length:0for(leti=0;i