JS涓殑闈㈠悜瀵硅薄棣栧厛瑕佹槑纭竴鐐癸紝闈㈠悜瀵硅薄涓嶆槸涓€绉嶈娉曪紝鑰屾槸涓€绉嶆€濇兂锛屼竴绉嶉潰鍚戠紪绋嬬殑妯″紡锛氶潰鍚戯紙face锛夛紝闈㈠悜锛坱owards锛夐潰鍚戣繃绋嬶細facingprocess=>浠ユ祦绋嬩负涓績鐨勭紪绋嬫ā寮忔槸闈㈠悜瀵硅薄鐨勶細facetotheobject=>浠ュ璞′负涓績瀹炵幇涓€涓晥鏋滅殑缂栫▼妯″紡闈㈠悜娴佺▼鐨勬椂鍊欙紝鎴戜滑瑕佸叧娉ㄦ瘡涓€涓厓绱狅紝姣忎釜鍏冪礌涔嬮棿鐨勫叧绯伙紝椤哄簭锛?.闈㈠悜杩囩▼鐨勬椂鍊欙紝闇€瑕佹敞鎰忕殑鏄壘涓€涓璞″府鎴戝仛杩欎欢浜嬶紝鎴戠瓑鐫€缁撴灉銆備緥瀛愷煂帮細鎴戞兂鍚冮潰鏉°€傝繖涓繃绋嬬敤浜嗗灏戦潰绮夊拰姘达紵闈㈠悜瀵硅薄銆傛壘涓€瀹堕潰棣嗭紝鍙竴纰楅潰銆傞潰鍚戝璞″氨鏄潰鍚戣繃绋嬬殑灏佽銆傛垜浠箣鍓嶇殑缂栫▼鎬濊矾鏄瘡涓姛鑳介兘搴旇鎸夌収闇€姹備竴姝ユ瀹屾垚銆傛垜浠互鍚庣殑缂栫▼鎬濊矾鏄紝姣忎竴涓姛鑳介兘涓€姝ユ瀹屾垚锛屽厛鍒涘缓涓€涓潰棣嗭紝杩欎釜闈㈤鍙互甯垜浠仛涓€涓猻urface锛堜竴涓畬鎴愯繖涓姛鑳界殑瀵硅薄锛夛紝鐒跺悗鐢ㄩ潰搴楀垱寤轰竴涓猻urface锛屾垜浠彧闇€瑕佺瓑寰呯粨鏋滃嵆鍙€傚垱寤哄璞＄殑鏂瑰紡鏄洜涓洪潰鍚戝璞℃槸涓€绉嶆煡鎵惧璞＄殑鏂瑰紡Process鎵€浠ユ垜浠鍏堣浜嗚В濡備綍鍒涘缓瀵硅薄锛岃皟鐢ㄧ郴缁熷唴缃殑鏋勯€犲嚱鏁版潵鍒涘缓瀵硅薄銆俲s涓烘垜浠彁渚涗簡涓€涓唴缃殑Object鏋勯€犲嚱鏁般€傛鏋勯€犲嚱鏁扮敤浜庡垱寤哄璞°€傚綋鏋勯€犲嚱鏁板拰new鍏抽敭瀛椾竴璧蜂娇鐢ㄦ椂锛屽氨鍙互鎴戜滑鍒涘缓涓€涓璞★紝鍥犱负js鏄姩鎬佽瑷€锛岀劧鍚庢垜浠彲浠ュ姩鎬佺殑缁欏璞℃坊鍔犳垚鍛?/鎴戜滑鍙互寰楀埌涓€涓┖瀵硅薄varo1=newObject()//姝ｅ父鎿嶄綔瀵硅薄o1.name='Jack'o1.age=18o1.gender='Male'瀛楅潰閲忔柟娉曠洿鎺ヤ娇鐢ㄥ瓧闈㈤噺褰㈠紡鍒涘缓瀵硅薄锛屽嵆鍐欑殑鏃跺€欑洿鎺ュ啓{}鏉ユ坊鍔犳垚鍛橈紝鎴栬€呮坊鍔犲畠浠姩鎬佸湴//浠ユ枃瀛楁柟寮忓垱寤轰竴涓璞aro1={name:'Jack',age:18,gender:'male'}//鍙︿竴涓獀aro2={}o2.name='Rose'o2.age=20o2.gender='F'浣跨敤宸ュ巶鍑芥暟鍒涘缓瀵硅薄銆傚厛鍐欎竴涓伐鍘傚嚱鏁般€傝繖涓伐鍘傚嚱鏁板彲浠ュ垱寤轰竴涓璞★紝缁欏璞℃坊鍔犱竴浜涘睘鎬э紝鐒跺悗杩斿洖瀵硅薄銆備娇鐢ㄨ繖涓伐鍘傚嚱鏁板垱寤轰竴涓璞?/1.鍏堝垱寤轰竴涓伐鍘侳unctionfunctioncreateObj(){//鎵嬪姩鍒涘缓涓€涓璞arobj=newObject()//鎵嬪姩缁欏璞℃坊鍔犳垚鍛榦bj.name='Jack'obj.age=18obj.gender='Male'//鎵嬪姩杩斿洖涓€涓璞eturnobj}//2.浣跨敤杩欎釜宸ュ巶鍑芥暟鍒涘缓涓€涓璞aro1=createObj()varo2=createObj()浣跨敤鑷畾涔夋瀯閫犲嚱鏁版潵鍒涘缓涓€涓璞″伐鍘傚嚱鏁伴渶瑕佷笁涓楠ゆ墜鍔ㄥ垱寤哄璞★紝鎵嬪姩娣诲姞鎴愬憳锛屾墜鍔ㄨ繑鍥炲璞°€傛瀯閫犲嚱鏁板皢姣斿伐鍘傚嚱鏁版洿绠€鍗曘€傝嚜鍔ㄥ垱寤哄璞°€傛墜鍔ㄦ坊鍔犳垚鍛樸€傝嚜鍔ㄨ繑鍥炰竴涓璞°€傚厛鍐欎竴涓瀯閫犲嚱鏁般€俷ew)constructors鍙互鍒涘缓瀵硅薄锛屽苟鍒涘缓涓€涓湁灞炴€у拰鏂规硶鐨勫璞￠潰鍚戝璞″氨鏄兂鍔炴硶鎵惧埌涓€涓湁灞炴€у拰鏂规硶鐨勫璞￠潰鍚戝璞″氨鏄垜浠嚜宸卞埗浣滄瀯閫犲嚱鏁扮殑杩囩▼//1.棣栧厛鍒涘缓涓€涓狢onstructorfunctionPerson(name,gender){this.age=18this.name=namethis.gender=gender}//2.浣跨敤鏋勯€犲嚱鏁板垱寤轰竴涓璞arp1=newPerson('Jack','man')varp2=newPerson('Rose','woman')鏋勯€犲嚱鏁拌瑙ｆ垜浠簡瑙ｄ簡瀵硅薄鏄浣曞垱寤虹殑銆傛垜浠潰鍚戝璞＄殑鏂规硶鏄涔堢洿鎺ヨ幏鍙栧璞★紝瑕佷箞鍒涘缓鍙互鍒涘缓瀵硅薄鐨勪笢瑗裤€傛垜浠嚜宸卞垱寤哄璞°€傛瀯閫犲嚱鏁板彲浠ュ垱寤哄璞★紝涓嬮潰璇︾粏璇翠竴涓嬫瀯閫犲嚱鏁般€傛瀯閫犲嚱鏁扮殑鍩烘湰浣跨敤鍜屾櫘閫氬嚱鏁颁竴鏍凤紝鍙槸璋冪敤鏃跺繀椤诲拰new涓€璧蜂娇鐢紝鍚﹀垯灏辨槸鏅€氬嚱鏁拌皟鐢╢unctionPerson(){}varo1=newPerson()//鑳藉緱鍒颁竴涓┖瀵硅薄varo2=Person()//浠€涔堜篃寰椾笉鍒帮紝杩欐槸涓€涓櫘閫氱殑鍑芥暟璋冪敤娉ㄦ剰锛氬綋浣犱笉鍐檔ew鐨勬椂鍊欙紝灏辨槸涓€涓櫘閫氱殑鍑芥暟璋冪敤锛屾病鏈夊垱寤哄璞＄殑鑳藉姏澶у啓鐨刦irstletterfunctionperson(){}varo1=newperson()//鍙互寰楀埌涓€涓璞unctionPerson(){}varo2=newPerson()//鍙互寰楀埌涓€涓璞℃敞鎰忥細棣栧瓧姣嶄笉鐢ㄥぇ鍐欙紝鍥犱负鍙鍖归厤new涓€璧蜂娇鐢紝灏辨湁鍒涘缓瀵硅薄鐨勮兘鍔涖€傚鏋滆皟鐢ㄦ椂涓嶉渶瑕佷紶閫掑弬鏁帮紝灏变笉闇€瑕佸啓()锛屽缓璁啓functionPerson(){}varo1=newPerson()//鍙互寰楀埌涓€涓┖瀵硅薄varo2=newPerson//鍙互寰楀埌涓€涓┖瀵硅薄娉ㄦ剰锛氬鏋滀笉闇€瑕佷紶鍙傦紝灏变笉鐢ㄥ啓()銆傚鏋滀紶閫掑弬鏁帮紝鍒欏繀椤诲皢鍏跺啓鍦ㄦ瀯閫犲嚱鏁颁腑銆傚洜涓哄拰new涓€璧蜂娇鐢紝鎵€浠ユ寚鍚戝綋鍓嶅疄渚嬪璞unctionPerson(){console.log(this)}varo1=newPerson()//璋冪敤鏈鏃讹紝this=>o1varo2=newPerson()//璋冪敤鏈鏃讹紝this=>o2娉ㄦ剰锛氭瘡new鐨勬椂鍊欙紝鍑芥暟閲岄潰鐨則his鎸囧悜褰撳墠瀹炰緥鍖栫殑瀵硅薄锛屽洜涓烘瀯閫犲嚱鏁颁細鑷姩杩斿洖涓€涓璞★紝鎵€浠ヤ笉瑕佸湪鏋勯€犲嚱鏁伴噷闈㈠啓return銆傚鏋滆繑鍥炵殑鏄熀鏈暟鎹被鍨嬶紝閭ｄ箞鍐欏畠灏辨病鏈夋剰涔夊鏋滆繑鍥炵殑鏄紩鐢ㄦ暟鎹被鍨嬶紝閭ｄ箞鏋勯€犲嚱鏁版湰韬殑鎰忎箟灏辨病鏈夋剰涔夈€備娇鐢ㄦ瀯閫犲嚱鏁板垱寤哄璞°€傚湪浣跨敤鏋勯€犲嚱鏁扮殑鏃跺€欙紝鎴戜滑鍙互閫氳繃涓€浜涗唬鐮佸拰鍐呭锛岀粰褰撳墠瀵硅薄娣诲姞涓€浜涘唴瀹广€俧unctionPerson(){this.name='Jack'this.age=18}varo1=newPerson()varo2=newPerson()鎴戜滑鍦ㄥ啓鏋勯€犲嚱鏁扮殑鏃跺€欏緱鍒扮殑涓や釜瀵硅薄閮芥湁鑷繁鐨勬垚鍛樺悕鍜屽勾榫勶紝鏄惁鍙互鍦ㄥ叾涓坊鍔犱竴浜涙柟娉曪紵functionPerson(){this.name='Jack'this.age=18this.sayHi=function(){console.log('helloconstructor')}}varo1=newPerson()varo2=newPerson()鏄剧劧鏄彲浠ョ殑锛屾垜浠嬁鍒扮殑涓や釜瀵硅薄閮芥湁sayHi锛岃繖涓嚱鏁颁篃鍙互姝ｅ父璋冪敤锛屼絾鏄繖鏍峰ソ鍚楋紵缂虹偣鍦ㄥ摢閲岋紵functionPerson(){this.name='Jack'this.age=18this.sayHi=function(){console.log('helloconstructor')}}//new绗竴娆″垱寤烘椂锛屼細鎵цPerson鍑芥暟涓€娆?/鎵ц涓€娆″垱寤轰竴涓柊鍑芥暟锛屽苟灏嗗嚱鏁板湴鍧€璧嬬粰this.sayHivaro1=newPerson()//绗簩娆ew锛孭erson鍑芥暟闇€瑕佹墽琛屼竴娆?/鎵ц涓€娆″垱寤轰竴涓柊鐨勫嚱鏁帮紝骞舵斁缃嚱鏁板湴鍧€璧嬪€紅his.sayHivaro2=newPerson()锛岄偅涔堟垜浠袱涓璞′腑鐨剆ayHi鍑芥暟灏辨槸涓€妯′竴鏍风殑浠ｇ爜鍜屽嚱鏁帮紝鍙笉杩囨槸涓や釜绌洪棿鍑芥暟锛屽崰鐢ㄤ袱涓唴瀛樼┖闂达紝涔熷氨鏄o1.sayHi鏄竴涓湴鍧€,o2.sayHi鏄竴涓湴鍧€锛屾墍浠ユ垜浠墽琛宑onsole.log(o1.sayHi===o2.sayHi)缁撴灉涓篺alse缂虹偣锛氬畬鍏ㄧ浉鍚岀殑鍑芥暟鍑虹幇浜嗕袱娆★紝鍗犵敤涓や釜绌洪棿鍦板潃濡備綍瑙ｅ喅杩欎釜闂锛熶綘闇€瑕佺敤鍒颁竴涓笢瑗匡紝鍙仛鍘熷瀷銆傚師鍨嬬殑鍑虹幇鏄负浜嗚В鍐虫瀯閫犲嚱鏁扮殑涓嶈冻锛屽嵆涓烘垜浠彁渚涚粰瀵硅薄娣诲姞鍔熻兘鐨勬柟娉曘€傚惁鍒欐瀯閫犲嚱鏁板彧鑳界粰瀵硅薄娣诲姞灞炴€э紝涓嶈兘鍚堢悊娣诲姞鍔熻兘銆俆ooLOWprototype姣忎釜鍑芥暟澶╃敓閮芥湁涓€涓彨鍋歱rototype鐨勬垚鍛橈紝prototype鏄竴涓璞＄┖闂淬€傛棦鐒舵瘡涓嚱鏁伴兘鏈夛紝閭ｄ箞鏋勯€犲嚱鏁颁篃鏄竴涓嚱鏁帮紝鏋勯€犲嚱鏁颁篃鏈夎繖涓璞＄┖闂淬€傚師鍨嬪璞＄┖闂村彲浠ラ€氳繃鍑芥暟鍚峟unctionPerson(){}console.log(Person.prototype)//鏄竴涓璞★紝鏃㈢劧鏄璞★紝閭ｆ垜浠氨鍙互寰€閲岄潰鏀句笢瑗縡unctionPerson(){}Person.prototype.name='鍘熷瀷'浜恒€俻rototype.sayHi=function(){}鎴戜滑鍙戠幇涓€涓彨鍋歱rototype鐨勭┖闂存槸鍜宖unction鐩稿叧鑱旂殑锛屽彲浠ュ湪閲岄潰瀛樻斁涓€浜涗笢瑗块噸鐐癸細鍑芥暟prototype涓瓨鏀剧殑鍐呭涓嶆槸缁檉unction鐨勶紝鑰屾槸缁檉unction鐨勬瘡涓疄渚嬪寲瀵硅薄浣跨敤鐨勫疄渚嬪寲瀵硅薄濡備綍浣跨敤锛焅_\_proto\_\_姣忎釜瀵硅薄澶╃敓閮芥湁涓€涓彨鍋歘_proto__鐨勬垚鍛橈紝瀹冩槸涓€涓璞＄┖闂淬€傛棦鐒舵瘡涓璞￠兘鏈夛紝瀹炰緥鍖栧璞′篃鏄璞★紝閭ｄ箞姣忎釜瀹炰緥鍖栧璞′篃閮芥湁杩欎釜鎴愬憳銆傛瘡涓璞￠兘浣跨敤__proto__瀵硅薄绌洪棿銆傚綋浣犺闂竴涓璞＄殑鎴愬憳鏃讹紝濡傛灉瀵硅薄鏈韩鏈夎繖涓垚鍛橈紝瀹冧細鐩存帴缁欎綘缁撴灉銆傚鏋滄病鏈夛紝瀹冨氨浼氬幓__proto__瀵硅薄绌洪棿涓鎵撅紝濡傛灉閲岄潰鏈夌殑璇濓紝缁撴灉浼氱粰浣犮€傚緟缁€?閭ｄ箞杩欎釜__proto__鎸囧悜鍝噷鍛紵new杩欎釜瀵硅薄鏉ヨ嚜鍝釜鏋勯€犲嚱鏁帮紝閭ｄ箞杩欎釜瀵硅薄鐨刜_proto__鎸囧悜鍘熷瀷鍑芥暟Person(){}varp1=newPerson()console.log(p1.__proto__===Person.prototype)//鎴戜滑鍙戠幇瀹炰緥鍖栧璞＄殑__proto__鍜屽畠鎵€灞炵殑鏋勯€犲嚱鏁扮殑鍘熷瀷鏄竴涓璞＄┖闂淬€傛垜浠彲浠ラ€氳繃鏋勯€犲嚱鏁板悕缁欏師鍨嬫坊鍔犳垚鍛樺璞°€傚湪璁块棶瀵硅薄鏃讹紝鎴戜滑鍙互鑷姩鍘昏嚜宸辩殑__proto__涓煡鎵俱€傞偅涔堬紝鎴戜滑涔嬪墠鏋勯€犲櫒鐨勭己鐐瑰氨鍙互瑙ｅ喅浜嗐€傛垜浠彲浠ュ皢鍑芥暟鏀惧湪鏋勯€犲嚱鏁扮殑鍘熷瀷涓潵瀹炰緥鍖栧璞¤闂€傚鏋滄垜浠病鏈夊畠锛屾垜浠細鑷姩鍦╛_proto__涓壘鍒板畠銆傞偅涔堟垜浠篃鍙互浣跨敤functionPerson(){}Person.prototype.sayHi=function(){console.log('helloPerson')}varp1=newPerson()p1.sayHi()p1濡傛灉浣犳病鏈変竴涓猻ayHi鏂规硶锛屼綘灏嗗湪浣犵殑__proto__.__proto__涓悳绱1isPerson.prototype銆傛垜浠湪Person.prototype涓坊鍔犱簡sayHi鏂规硶锛岃繖鏍穚1.sayHi灏卞彲浠ユ墽琛屼簡銆傝繖閲岋紝褰撴垜浠疄渚嬪寲澶氫釜瀵硅薄鏃讹紝姣忎釜瀵硅薄涓兘娌℃湁灞炰簬瀹冪殑鏂规硶銆傛煡鐪嬫瀯閫犲嚱鏁扮殑鍘熷瀷锛岄偅涔堟瘡涓璞′娇鐢ㄧ殑鍑芥暟鍏跺疄閮芥槸鍚屼竴涓嚱鏁帮紝鎵€浠ヨВ鍐充簡鎴戜滑鏋勯€犲嚱鏁癙erson(){}Person.prototype.sayHi=function(){console.log('hello')}varp1=newPerson()varp2=newPerson()console.log(p1.sayHi===p2.sayHi)p1鏄疨erson鐨勫疄渚媝2鏄疨erson鐨勫疄渚嬶紝鍗硃1.__proto__鍜宲2.__proto__閮芥寚鍚慞erson.prototype褰損1璋冪敤sayHi鏂规硶鏃讹紝鍦≒erson.prototype涓煡鎵俱€傚綋p2璋冪敤sayHi鏂规硶鏃讹紝鍦≒erson.prototype涓鎵惧畠銆傞偅涔堣繖涓や釜瀹炰緥鍖栧璞″氨鏄竴涓壘鍒扮殑鏂规硶鍜屼竴涓鎵ц鐨勬柟娉曘€傜粨璇綋鎴戜滑鍐欐瀯閫犲嚱鏁版椂璇村埌鍑芥暟锛屾垜浠洿鎺ュ湪鏋勯€犲嚱鏁颁綋涓啓灞炴€с€傚浜庢柟娉曪紝鎴戜滑灏嗗畠浠啓鍦ㄥ師鍨嬩笂銆傚師鍨嬮摼銆傛垜浠垰鍒氳皥鍒颁簡鏋勯€犲嚱鏁板拰鍘熷瀷銆傞偅涔堥棶棰樺氨鏉ヤ簡銆傛垜浠杩囨瀯閫犲嚱鏁扮殑鍘熷瀷鏄竴涓璞★紝鎴戜滑璇磋繃姣忎釜Object澶╃敓灏辨湁涓€涓猒_proto__灞炴€э紝閭ｄ箞鏋勯€犲嚱鏁板師鍨嬩腑鐨刜_proto__灞炴€ф寚鍚戝摢閲屽憿锛熶竴涓璞℃墍灞炵殑鏋勯€犲嚱鏁版瘡涓璞￠兘鏈変竴涓墍灞炵殑鏋勯€犲嚱鏁颁緥濡傦細Array//鏁扮粍鏈韩涔熸槸涓€涓璞ararr=[]vararr2=newArray()浠ヤ笂涓や釜鏂规硶閮芥槸鍒涘缓涓€涓暟缁勶紝鎴戜滑鍙槸鏁扮粍鎵€灞炵殑鏋勯€犲嚱鏁版槸Array銆備緥濡傦細function//鍑芥暟鏈韩涔熸槸涓€涓璞arfn=function(){}varfun=newFunction()浠ヤ笂涓や釜鏂规硶閮芥槸鍒涘缓涓€涓嚱鏁般€傚亣璁惧嚱鏁版墍灞炵殑鏋勯€犲嚱鏁帮紝鍗矲unctionconstructor瀵硅薄鐨刜_proto__涔熸湁涓€涓垚鍛樺彨鍋歝onstructor銆傝灞炴€ф寚鍚戝綋鍓嶅璞℃墍灞炵殑鏋勯€犲嚱鏁伴摼缁撴瀯銆傚綋鎴戜滑涓嶇‘鍒囩煡閬撴槸璋佹瀯閫犱簡涓€涓璞℃椂锛屾垜浠皢鍏惰涓篛bject鐨勪竴涓疄渚嬨€備篃灏辨槸璇达紝鎴戜滑鏋勯€犲嚱鏁扮殑鍘熷瀷鐨刜_proto__鎸囧悜浜哋bject.prototype锛岄偅涔圤bject.prototype涔熸槸涓€涓璞★紝閭ｄ箞瀹冪殑__proto__鎸囧悜璋佸憿锛熷洜涓哄湪Object鐨刯s涓湁椤跺眰鐨勬瀯閫犲嚱鏁帮紝鎴戜滑鏈変竴涓娉曪紝涓囩墿鐨嗗璞★紝鎵€浠bject.prototype鍦ㄦ渶椤跺眰銆侽bject.prototype鐨刜_proto__鏄┖鍘熷瀷閾剧殑璁块棶鍘熺悊銆傚墠闈㈡垜浠杩囷紝璁块棶涓€涓璞＄殑鎴愬憳锛屾湁鏃跺€欏鏋滄病鏈夛紝灏变細鍘籣_proto__涓壘銆傛帴涓嬫潵锛屽鏋淿_proto__涓病鏈夛紝灏卞幓__proto__涓壘銆傚鏋滀綘鎵惧埌閭ｄ釜瀵硅薄銆傛垜鎯筹紝濡傛灉瀹冭鍒嗛厤锛岄偅涔堝畠灏嗛伒寰師鍨嬮摼鐨勮鍒欎絾鏄細涓嶆槸锛佷笉鏄紒涓嶆槸锛侀噸瑕佺殑鏄紝涓夋璧嬪€肩殑鏃跺€欙紝鏄洿鎺ョ粰瀵硅薄鏈韩璧嬪€笺€傚鏋滃畠瀛樺湪锛屽畠灏嗚淇敼銆傚鏋滀笉鏄紝鍒欎笉浼氫笌__proto__鐩稿叧銆傚湪瀹屾垚涓€涓嚱鏁版椂锛岄鍏堟鏌ュ唴缃殑鏋勯€犲嚱鏁版槸鍚﹀彲浠ヤ负鎴戞彁渚涘畬鎴愬嚱鏁板璞＄殑鑳藉姏銆傚鏋滄病鏈夛紝鎴戜滑灏辫嚜宸卞啓涓€涓瀯閫犲嚱鏁帮紝瀹冨彲浠ュ垱寤轰竴涓嚱鏁板畬鎴愮殑瀵硅薄锛岀劧鍚庝娇鐢ㄦ垜浠啓鐨勬瀯閫犲嚱鏁般€俷ew涓€涓璞″嚭鏉ワ紝鍙槸甯垜浠畬鎴愬姛鑳?/p>
