JavaScript涓璽his鐨勬柟鍚戞兂蹇呮槸澶у鏁板墠绔紑鍙戣€呮渶澶寸柤鐨勯棶棰樹箣涓€銆傚嵆浣挎槸缁忛獙涓板瘜鐨勯€€浼嶅啗浜轰篃鍙兘浼氳糠璺€傚湪杩欑瘒鏂囩珷涓紝鎴戞兂鍋氱殑灏辨槸杩借釜杩欎竴鐐广€傝繖鏄粈涔堬紵杩欐槸JavaScript涓殑鍏抽敭瀛椼€傚畠鏄唴缃簬杩愯鏃剁幆澧冧腑鐨勫彉閲忥紝鍦ㄨ繍琛屾椂涓嶈兘閲嶆柊鍒嗛厤銆傞偅涔堣繖鍒板簳鏄粈涔堬紵JavaScript鏄竴绉嶅熀浜庡師鍨嬬殑鑴氭湰璇█锛屾渶鍒濊璁＄敤浜庝负缃戦〉娣诲姞涓€浜涜緟鍔╁鐞嗛€昏緫锛屼緥濡傝〃鍗曢獙璇併€佸姩鐢绘晥鏋溿€佹椂閽熺瓑銆傝€屼笖鏃╂湡鐨凧avaScript閫昏緫闈炲父绠€鍗曪紝鍩烘湰閮芥槸鑴氭湰鐗囨锛岀敤C璇█鐨勯潰鍚戣繃绋嬬殑鍛抽亾鍐欑殑锛屾病鏈夌幇鍦ㄤ唬鐮佸垎灞傘€佹ā鍧楀姞杞姐€佹墦鍖呭彂甯冪瓑楂樼骇鍔熻兘銆傚厛璇翠富瑙掕繖涓€鐐癸紝瀹冭繕鏈夊緢闀跨殑鍘嗗彶锛氫綔鑰匓rendanEich鑷繁鐨勬兂娉曟槸璁捐涓€绉嶇被浼间簬Schema鐨勫嚱鏁板紡鑴氭湰璇█锛屼絾褰撴椂Netscape鍐冲畾鍒╃敤娴佽璇█Java鐨勬祦琛岋紝鍥犳灏嗗叾鍛藉悕涓篔avaScript銆傚熀浜庤繖浜涜€冭檻锛屼綔鑰呭€熼壌浜咰璇█鐨勫熀鏈娉曞拰鑷瑷€鐨勫師鍨嬮潰鍚戝璞℃満鍒讹紝濉戦€犱簡JavaScript绠€鍗曘€佽交閲忋€佺伒娲荤殑鐗圭偣銆備絾鏄负浜嗘洿鍍廕ava锛岀‖鐢熺敓鐨勫姞鍏ヤ簡this鍜宯ew鐨勭壒鎬с€倀his鎵€鎸囧悜鐨勫悇绉嶅満鏅兘鏄敱浜庝笂杩扮殑鍘嗗彶鍘熷洜锛屾墍浠avaScript鐨則his娌℃湁缁熶竴璁捐涔熷氨涓嶈冻涓哄浜嗐€傝繖寰堥毦鐞嗚В銆傚畠涓嶅儚Java閭ｆ牱鎸囧悜涓€涓璞″疄渚嬶紝涔熶笉鏄竴涓墽琛屼笂涓嬫枃銆傚畠鍦ㄤ笉鍚岀殑浠ｇ爜鍦烘櫙涓嬫湁涓嶅悓鐨勫垽鏂鍒欍€傝繖灏辨槸瀹冨彉寰楀鏉傜殑鍦版柟銆傜劧鑰岋紝骞朵笉鏄病鏈夎寰嬪彲寰€傛€荤粨璧锋潵锛屽彧鏈夊嚑绉嶆儏鍐点€備竴鏃︽帉鎻′簡鍒ゆ柇鎶€宸э紝灏卞彲浠ュ噯纭湴鍒ゆ柇鍑鸿繖涓€鐐广€?.globalglobal涓嶅湪浠讳綍鍑芥暟涓€傚湪杩欑鎯呭喌涓嬶紝鏃犺鏄惁澶勪簬涓ユ牸妯″紡涓嬶紝this閮芥寚鍚戝叏灞€瀵硅薄锛屽湪娴忚鍣ㄤ腑涓簑indow锛堜互涓嬬ず渚嬩唬鐮佹湭鍦ㄦ祻瑙堝櫒鐜涓寚瀹氾級銆傛帶鍒跺彴鏃ュ織锛堣繖涓級锛?/绐楀彛2銆傛櫘閫氬嚱鏁版槸鏅€氬嚱鏁扮殑鐩存帴璋冪敤銆倀his鍦ㄥ嚱鏁颁腑涓嶆槸涓ユ牸妯″紡鎸囧悜鍏ㄥ眬瀵硅薄锛屼絾鏄湪涓ユ牸妯″紡涓嬫寚鍚憉ndefined銆傚嚱鏁癴oo(){console.log(this);//绐楀彛}foo();鍑芥暟鏍忥紙锛墈'浣跨敤涓ユ牸';鎺у埗鍙版棩蹇楋紙杩欎釜锛夛紱//鏈畾涔墋bar();绔嬪嵆鎵ц鐨勫姛鑳戒篃鍙楁瑙勫垯绾︽潫銆俢onstfoo=function(){console.log(this);//window};foo();(functionbar(){console.log(this);//window})();3.灞炴€ф柟娉曞睘鎬ф柟娉曚篃鏄竴涓嚱鏁帮紝鍙笉杩囨槸瀵硅薄鐨勪竴涓€嬧€嬪睘鎬с€傚畠閫氳繃璁块棶鍜岃皟鐢ㄣ€傝皟鐢ㄦ椂鐨勮繍绠楃锛屾柟娉曚腑鐨則his鎸囧悜鏂规硶鎵€灞炵殑瀵硅薄銆傛敞鎰忥細绫诲拰鍘熷瀷鐨勬柟娉曚篃鏄睘鎬ф柟娉曘€俢onstfoo={bar:function(){console.log(this);//{bar}},};foo.bar();姝ゅ锛屽師鍨嬪拰绫诲畾涔夌殑鏂规硶涔熸寚鍚戝疄渚嬪璞°€傚嚱鏁癋oo(){console.log(this);//Foo{}}Foo.prototype.bar=function(){console.log(this);//Foo{}}constf1=newFoo();f1.bar();classFoobar(){functionbar(){console.log(this);//Foobar{}}}constf2=newFoobar();f2.bar();璇锋敞鎰忥紝浠ヤ笅鍦烘櫙baz鏄甯哥殑鍑芥暟璋冪敤锛屽洜涓哄畠涓嶆槸閫氳繃瀵硅薄灞炴€ц闂殑銆俢onstfoo={bar:function(){console.log(this);//{bar}functionbaz(){console.log(this);//绐楀彛}baz();},};foo.bar();杩欑鎯呭喌涓嬶紝瀵硅薄灞炴€у脊鍑哄悗锛屼篃鏄甯哥殑鍑芥暟璋冪敤锛屽苟娌℃湁閫氳繃瀵硅薄灞炴€ф潵璁块棶銆俢onstfoo={bar:function(){console.log(this);//绐楁埛}锛寎;constbaz=foo.bar;baz();4.newconstructor鍦↗avaScript涓紝鍙互浣跨敤鏅€氬嚱鏁颁綔涓烘瀯閫犲嚱鏁帮紝鐒跺悗浣跨敤new鍏抽敭瀛楁瀯閫犱竴涓璞★紝鏋勯€犲嚱鏁颁腑鐨則his鎸囧悜鏂版瀯閫犵殑瀵硅薄銆傚嚱鏁癋oo(){console.log(this);//Foo{}}constf1=newFoo();5.call,apply閫氳繃call,apply闂存帴璋冪敤鍑芥暟锛坈all,apply鍔熻兘鐩稿悓锛屽彧鏄弬鏁版牸寮忎笉鍚岀浉鍚岋級锛宼his鐐圭敱绗竴涓弬鏁版寚瀹氾紝闇€瑕佹敞鎰忕殑鏄湪闈炰弗鏍兼ā寮忥紝闈炲璞′細灏濊瘯杞崲鎴愬璞★紝null鍜寀ndefined浼氳浆鎹㈡垚鍏ㄥ眬瀵硅薄锛涘湪涓ユ牸妯″紡涓嬶紝浼犻€掔殑鏄粈涔堛€傚嚱鏁癴oo(){console.log(this);//window}foo.call(null);functionbar(){'usestrict';鎺у埗鍙版棩蹇楋紙杩欎釜锛夛紱//null}bar.call(null);杩樿娉ㄦ剰锛屽浜庡睘鎬ф柟娉曠殑璋冪敤锛岃繖鍜屾櫘閫氬嚱鏁扮殑璋冪敤涓€鏍凤紝鎸囧悜鎸囧畾鐨勫弬鏁般€俢onstfoo={bar:function(){console.log(this);//{value:'baz'}}};foo.bar.call({value:'baz'});6.bindbind浼氬垱寤轰竴涓寚瀹歵his琚粦瀹氱殑鏂板嚱鏁帮紝娉ㄦ剰锛氬彧浼氱敓鏁堜竴娆°€傚嚱鏁癴oo(){console.log(this);//{value:'bar'}}constbar=foo.bind({value:'bar'});bar();鍙﹀娉ㄦ剰瀵逛簬灞炴€ф柟娉昩ind锛岃繖涔熷拰鏅€氬嚱鏁扮殑bind涓€鏍凤紝鎸囧悜鎸囧畾鐨勫弬鏁般€傝€屼笖锛屽鏋滃湪bind涔嬪悗璋冪敤锛屾槸涓嶈兘淇敼this鐐圭殑銆俢onstfoo={bar:function(){console.log(this);//{鍊硷細'baz'}}};constbaz=foo.baz.bind({value:'baz'});baz.call({value:'bazzz'});馃挕bind鐢熸垚鐨勬柊鍑芥暟灏介噺涓嶈浣滀负鏋勯€犲嚱鏁颁娇鐢ㄣ€備竴鑸潵璇达紝鍙湁闈㈣瘯闂浼氳繖鏍峰仛銆傜‘瀹炰笉浼氭姤閿欙紝this浼氭寚鍚戞柊寤虹殑瀵硅薄銆?.绠ご鍑芥暟绠ご鍑芥暟鏄疎S6涓殑涓€涓柊鍑芥暟銆傛棤璁烘槸鍗曠嫭璋冪敤杩樻槸浣滀负鎴愬憳鏂规硶璋冪敤锛宼his閮芥寚鍚戝畾涔夋墍鍦ㄧ殑鏅€氬嚱鏁扮殑this锛屽叏灞€瀹氫箟鏃舵寚鍚戝叏灞€瀵硅薄銆傛敞鎰忥細call銆乤pply銆乥ind瀵瑰叾娌℃湁褰卞搷锛屼篃涓嶈兘浣滀负鏋勯€犲嚱鏁颁娇鐢ㄣ€傚嚱鏁癴oo(){console.log(this);//{value:'bar'}setTimeout(()=>{console.log(this);//{value:'bar'}});}foo.鍛煎彨锛坽鍊硷細'閰掑惂'}锛?娉ㄦ剰杩欓噷鏈夊嚑涓壒娈婃儏鍐碉細绠ご鍑芥暟浣滀负灞炴€ф柟娉曪紝浠嶇劧灞炰簬鍏ㄥ眬瀹氫箟锛宼his鎸囧悜鍏ㄥ眬瀵硅薄銆俢onstfoo={bar:()=>{console.log(this);//绐楀彛},};foo.bar();绠ご鍑芥暟浣滀负鍘熷瀷鏂规硶锛宼his杩樻槸鍏ㄥ眬瀹氫箟锛宼his鎸囧悜鍏ㄥ眬瀵硅薄銆傚嚱鏁癋oo(){console.log(this);//Foo{}}Foo.prototype.bar=()=>{console.log(this);//绐楀彛}constf1=newFoo();f1.閰掑惂锛堬級;绠ご鍑芥暟鐢ㄤ綔绫诲睘鎬с€傚湪杩欑鎯呭喌涓嬶紝this鎸囧悜瀵硅薄瀹炰緥锛屼笌涓婇潰鐨勫師鍨嬪畾涔夌浉姣旓紝杩欏彲鑳戒細閫犳垚娣锋穯銆傚叾瀹炶繖绉嶆儏鍐电浉褰撲簬鏋勯€犲嚱鏁颁腑鐨勫畾涔夛細this.bar=...銆俢lassFoo{bar=()=>{console.log(this);//Foo{}}}constf1=newFoo();f1.bar();馃挕鐗瑰埆鏄湪绫讳腑瀹氫箟鐨勬柟娉曞拰浣跨敤鐨勬櫘閫氬嚱鏁板疄闄呬笂鏈夋牴鏈笉鍚屼袱绉嶅０鏄庢柟寮忋€傛櫘閫氬嚱鏁板０鏄庡畾涔夊湪鍘熷瀷涓紝鑰岀澶村嚱鏁板０鏄庡畾涔夊湪绀轰緥瀵硅薄涓€?.鍏朵粬琛ュ厖鍙﹀杩樻湁涓€浜涚壒娈婄殑鍦烘櫙锛宼his鎸囧悜鍏ㄥ眬瀵硅薄锛孲aeYu鑰佸笀鎸夌収ECMAScript瑙勮寖杩涜瑙ｉ噴锛堣鍙傝€冩枃绔狅級銆傛垜鑷繁鎬荤粨涓€涓嬶細璇勪及璁＄畻鍜屽睘鎬у脊绐椾竴鏍凤紝鏄甯哥殑鍑芥暟璋冪敤銆傚叾瀹炶繕鏄鍒ゆ柇鏄嚱鏁拌皟鐢ㄨ繕鏄柟娉曡皟鐢ㄣ€俢onstfoo={bar:function(){console.log(this);//绐楀彛}};(foo.bar=foo.bar)();(false||foo.bar)();(foo.bar,foo.bar)();鎬荤粨鍑犱釜鍏抽敭鐐癸細鍒ゆ柇鏄櫘閫氬嚱鏁拌繕鏄睘鎬ф柟娉曡皟鐢紱绠ご鍑芥暟鍙湅瀹氫箟鎵€鍦ㄧ殑鍑芥暟锛涙瀯閫犲嚱鏁版寚鍚戞瀯閫犵殑瀵硅薄锛沜all,apply,bind鐪嬫寚瀹氱殑鍙傛暟锛沺riority,bind鍦╪ew涔嬪悗锛宯ew浼樺厛锛屽湪bind涔嬪悗锛宑all,bind浼樺厛銆傚弬鑰冩枃绔爐his-JavaScript|MDNGentle瀵笿avaScript涓€渢his鈥濈殑瑙ｉ噴
