鍘熷瀷閾剧畝浠嬪悗鍙癑avaScript鏄姩鎬佺殑锛屾湰韬笉鎻愪緵绫诲疄鐜般€傚敖绠″湪ES2015/ES6涓紩鍏ヤ簡class鍏抽敭瀛楋紝閭ｅ彧鏄娉曠硸锛屼絾JavaScript浠嶇劧鏄熀浜庡師鍨嬬殑銆傚湪缁ф壙鏂归潰锛孞avaScript鍙湁涓€绉嶇粨鏋勶細瀵硅薄銆傛瘡涓疄渚嬪璞★紙object锛夐兘鏈変竴涓鏈夊睘鎬э紙绉颁负proto锛夋寚鍚戝叾鏋勯€犲嚱鏁帮紙prototype锛夌殑鍘熷瀷瀵硅薄銆傚師鍨嬪璞′篃鏈夎嚜宸辩殑鍘熷瀷瀵硅薄锛坃_proto__锛夛紝灞傚眰鍙犲彔鐩村埌涓€涓璞＄殑鍘熷瀷瀵硅薄涓虹┖銆傛牴鎹畾涔夛紝null娌℃湁鍘熷瀷锛屽厖褰撴鍘熷瀷閾句腑鐨勬渶鍚庝竴鐜€侸avaScript涓嚑涔庢墍鏈夌殑瀵硅薄閮芥槸鍘熷瀷閾鹃《绔殑Object鐨勫疄渚嬨€傞摼鎺ワ細https://developer.mozilla.org...鍏堣鍑犱釜鍚嶈瘝姒傚康銆侾rototype鏄惧紡鍘熷瀷proto闅愬紡鍘熷瀷浠嬬粛銆傚紩鐢ㄧ被鍨嬪叿鏈夊璞＄壒鎬э紝灞炴€у彲浠ヨ嚜鐢辨墿灞曘€傛湁涓€涓殣寮忓師鍨媝roto灞炴€э紝灞炴€у€间负鏅€氬璞°€傞殣寮忓師鍨媉_proto__鐨勫睘鎬у€兼寚鍚戝叾鏋勯€犲嚱鏁扮殑鏄惧紡鍘熷瀷prototype鐨勫睘鎬у€笺€傚湪鑾峰彇瀵硅薄鐨勪竴涓€嬧€嬪睘鎬ф椂锛屽鏋滃璞℃湰韬病鏈夎繖涓睘鎬э紝鍒欎細鍦ㄥ叾闅愬紡鍘熷瀷__proto__锛堝嵆鍏舵瀯閫犲嚱鏁扮殑鏄惧紡鍘熷瀷prototype锛変腑鏌ユ壘銆傜湅杩欎釜馃尠functionStudent(name){this.name=name}conststu=newStudent('xiaomin')stu.name//'xiaomin'//toString鏄竴涓璞＄殑甯哥敤鏂规硶锛岃繑鍥炰竴涓瓧绗︿覆浠ｈ〃objectstu.toString()//'[objectObject]'//鍒嗛厤缁欏瓧绗︿覆stu.prototype.toString=functionstuToString(){return`${this.name}`;};console.log(stu.toString());//棰勬湡杈撳嚭锛?Gabby"闂鏉ヤ簡锛氫负浠€涔坰tu涓€寮€濮嬫病鏈夊畾涔塼oString鍗磋兘鑾峰彇鍒板憿锛焥tu瀹炰緥鍏堜粠鑷韩鏌ユ壘锛屽彂鐜版病鏈塼oString鏂规硶銆傛壘涓嶅埌灏卞線涓婃壘Student鏋勯€犲嚱鏁扮殑prototype灞炴€э紝杩樻槸鎵句笉鍒般€傜敱浜庢瀯閫犲嚱鏁扮殑鍘熷瀷鏄竴涓璞★紝瀵硅薄鐨勬瀯閫犲嚱鏁版槸Object锛屾墍浠ユ壘鍒颁簡Object.prototype涓嬬殑toString鏂规硶銆傝繖閲岃ˉ鍏呰鏄庯紝濡傛灉鏈€鍚庢病鏈夋壘鍒帮紝鍒欒繑鍥瀠ndefined銆傚苟涓旀鏃禣bject.prototype鐨勯殣寮忓師鍨嬫寚鍚憂ulltips:null琚缃负閬垮厤姝诲惊鐜痵tu.xx//undefined鎵╁睍浜嗕竴涓蹇碉細instanceofinstanceof鎿嶄綔绗︾敤浜庢娴嬫瀯閫犲嚱鏁扮殑prototype灞炴€ф槸鍚﹀嚭鐜板湪涓€涓猧nstanceobject鍦ㄥ師鍨嬮摼涓奻unctionCar(make,model,year){this.make=make;杩欎釜銆傛ā鍨?妯″瀷锛泃his.year=year;}constauto=newCar('鏈敯','闆呴榿',1998);console.log(autoinstanceofCar);//棰勬湡杈撳嚭锛歵rueconsole.log(autoinstanceofObject);//棰勬湡杈撳嚭锛歵rueinstabceof瀹炵幇锛堝師鐞嗭級//鍙橀噺R鐨勫師鍨嬪瓨鍦ㄤ簬鍙橀噺L鍑芥暟instance_of鐨勫師鍨嬮摼涓?L,R){//楠岃瘉濡傛灉鏄熀鏈暟鎹被鍨嬶紝鐩存帴杩斿洖falseconstbaseType=['string','number','boolean','undefined','symbol']if(baseType.includes(typeof(L))){returnfalse}letRP=R.prototype;//閲囩敤R鐨勬樉寮忓師鍨婰=L.__proto__;//鍙朙鐨勯殣寮忓師鍨媤hile(true){if(L===null){//鎵惧埌鏈€椤跺眰鐨剅eturnfalse;}if(L===RP){//涓ユ牸鐩哥瓑returntrue;}L=L.__proto__;//濡傛灉娌℃湁鎵惧埌锛岀户缁煡鎵惧師鍨嬮摼}}instanceof鍒ゆ柇杩囩▼濡備笅锛歠鐨勯殣寮忓師鍨媉_proto__绛変簬Foo.prototype锛屾墍浠ヨ繑鍥瀟rue銆俧鐨勯殣寮忓師鍨媉_proto__涓嶇瓑浜嶰bject.prototype锛屾墍浠ョ户缁€俧鐨勯殣寮忓師鍨媉_proto__鎸囧悜Foo.prototype锛屾墍浠ョ户缁敤Foo.prototype.__proto__鏉ユ瘮杈僌bject.prototype锛岀浉绛夊垯杩斿洖true銆傦紙鍥犱负Foo.prototype鏄竴涓櫘閫氱殑瀵硅薄锛夊弬鑰冮摼鎺ワ細https://juejin.cn/post/693449...涓板瘜浣犵殑鐭ヨ瘑鍩轰簬鍘熷瀷閾剧殑缁ф壙1.缁ф壙灞炴€avaScript瀵硅薄鏈変竴涓寚鍚戝師鍨嬪璞＄殑閾俱€傚綋灏濊瘯璁块棶瀵硅薄鐨勫睘鎬ф椂锛屽畠涓嶄粎浼氬湪瀵硅薄涓婃悳绱紝杩樹細鍦ㄥ璞＄殑鍘熷瀷涓婃悳绱紝鐒跺悗鍦ㄥ璞″師鍨嬬殑鍘熷瀷涓婃悳绱紝渚濇绫绘帹锛岀洿鍒版壘鍒板叿鏈夊尮閰嶅悕绉扮殑灞炴€ф垨鍒拌揪鍘熷瀷鍦ㄩ摼鏈鐨勫璞′笂璁剧疆灞炴€т細鍒涘缓鑷繁鐨勫睘鎬с€傝幏鍙栧拰璁剧疆琛屼负瑙勫垯鐨勫敮涓€渚嬪鏄綋缁ф壙鐨勫睘鎬у叿鏈塯etter鎴杝etter锛堟湭鑾峰彇锛夋椂銆?.缁ф壙鏂规硶鍦↗avaScript涓紝浠讳綍鍑芥暟閮藉彲浠ヤ綔涓哄璞＄殑灞炴€ф坊鍔犲埌瀵硅薄涓€傚嚱鏁扮户鎵夸笌鍏朵粬灞炴€х户鎵挎病鏈夊尯鍒綋璋冪敤琚户鎵跨殑鍑芥暟鏃讹紝this鎸囧悜褰撳墠琚户鎵跨殑瀵硅薄锛岃€屼笉鏄缁ф壙鍑芥暟鎵€鍦ㄧ殑鍘熷瀷瀵硅薄馃尠varo={a:2,m:function(){return杩欎釜.a+1;}};console.log(o.m());//3//璋冪敤o.m鏃讹紝'this'鎸囧悜o.varp=Object.create(o);//p鏄户鎵胯嚜o鐨勫璞.a=4;//鍒涘缓p鑷繁鐨勫睘鎬?a'console.log(p.m());//5//璋冪敤p.m鏃讹紝'this'鎸囧悜p//鍥犱负p缁ф壙浜唎鐨刴鍑芥暟//鎵€浠ワ紝姝ゆ椂鐨?this.a'灏辨槸p.a锛屼篃灏辨槸p鑷繁鐨勫睘鎬?a'
