浠ｇ悊妯″紡1瀹氫箟涓哄叾浠栧璞℃彁渚涗竴涓唬鐞嗘潵鎺у埗瀵硅繖涓璞＄殑璁块棶鍦ㄦ煇浜涙儏鍐典笅锛屼竴涓璞′笉閫傚悎鎴栬€呬笉鑳界洿鎺ュ紩鐢ㄥ彟涓€涓璞★紝鑰屼唬鐞嗗璞′綔涓轰綔涓哄鎴风鍜岀洰鏍囧璞′箣闂寸殑涓粙銆?搴旂敤瀹炰緥2.1缂撳瓨浠ｇ悊鐜板湪鎴戜滑鏈変竴涓嚱鏁板彲浠ユ煡璇竴涓煄甯傜殑缁忕含搴︼細constgetLatLng=(address)=>{if(address==="鍖椾含"){return"鍖椾含鐨勭粡绾害";}elseif(address==="鏉窞"){return"鏉窞缁忕含搴?;}elseif(address==="涓婃捣甯?){return"涓婃捣甯傜粡绾害";}elseif(address==="鍗椾含"){return"鍗椾含缁忕含搴?;}else{杩斿洖鈥溾€濓紱}};濡傛灉鎴戜滑澶氭鏌ヨ鍗椾含鐨勭粡绾害锛屾瘡娆￠兘瑕佺粡杩?娆″垽鏂紝鎴戜滑閫氳繃getLatLngProxy鍑芥暟缂撳瓨鏌ヨ缁撴灉锛岄伩鍏嶉噸澶嶅垽鏂璫onstgetLatLngProxy=((fn)=>{constgeoCache={};return(address)=>{console.log("cache="+geoCache[address]);杩斿洖(geoCache[address]??=fn(address));};})(getLatLng);getLatLngProxy("鍗椾含");//Cache=undefinedgetLatLngProxy("鍗椾含");//cache=鍗椾含缁忕含搴?鍒ゆ柇鐪嬩笉鍑轰粈涔堬紝浣嗘槸濡傛灉getLatLng涓殑鎿嶄綔涓嶆槸鍒ゆ柇锛岃€屾槸闇€瑕佸緢澶氬鏉傜殑璁＄畻锛岃€楁椂寰堥暱锛岀紦瀛樼殑浼樺娍寰堟槑鏄俱€傛垜浠湪涓嶄慨鏀瑰師鍑芥暟鐨勬儏鍐典笅锛岄€氳繃楂橀樁鍑芥暟鍒涘缓浜嗕竴涓叿鏈夌紦瀛樹綔鐢ㄧ殑浠ｇ悊鍑芥暟銆?.2Vue2鍝嶅簲寮忓師鐞嗏€斺€旀暟鎹唬鐞嗗鏋滀綘鐮旂┒杩嘨ue2鍝嶅簲寮忓師鐞嗭紝浣犱竴瀹氱煡閬撳叾涓竴涓噸瑕佺殑閮ㄥ垎锛氭暟鎹唬鐞嗐€備笉鐭ラ亾涔熸病鍏崇郴锛屾垜涓句釜绠€鍗曠殑鏍楀瓙鏉ヨ鏄庛€俢onstobj={name:"绾槑",};letname=obj.name;//璁块棶obj.nameobj.name="Ji";//淇敼obj.name鍋囪鐜板湪鏈変竴涓璞bj锛屽鏋滄垜鎯宠闂垨鑰呭湪淇敼obj.name鐨勬椂鍊欏仛涓€浜涢澶栫殑鎿嶄綔锛屾瘮濡傛墦鍗颁俊鎭埌鎺у埗鍙帮紝濡備綍瀹炵幇鍛紵JS鎻愪緵浜?*Object.defineProperty()**鏂规硶锛屽彲浠ュ湪涓€涓璞′笂瀹氫箟涓€涓柊鐨勫睘鎬э紝鎴栬€呬慨鏀逛竴涓璞″凡鏈夌殑灞炴€э紝骞惰繑鍥炶繖涓璞°€傛垜浠彲浠ヤ娇鐢ㄨ繖涓狝PI鍦ㄤ唬鐞嗗璞′笂娣诲姞涓庣洰鏍囧璞″悓鍚嶇殑灞炴€э紝骞舵坊鍔犻澶栫殑鎿嶄綔constproxyObj={};//浠ｇ悊瀵硅薄Object.defineProperty(proxyObj,"name",{get(){console.log("Visitedobj.name");returnobj.name;},set(val){console.log("Modifiedobj.name");obj.name=val;},});鐜板湪鎴戜滑鍙渶瑕佽闂垨淇敼浠ｇ悊瀵硅薄鐨刵ame灞炴€э紝灏卞彲浠ヨ闂垨淇敼obj.name锛屽苟灏嗕俊鎭墦鍗板埌鎺у埗鍙般€倂ue2灏辨槸閫氳繃杩欎釜鏂规硶灏哾ata涓殑灞炴€ф坊鍔犲埌vm瀹炰緥涓紝鎵€浠ユ垜浠彲浠ヤ娇鐢ㄨ繖涓€俛ttributename鏉ヨ闂產ttribute锛屽氨鍍忔垜浠悜鎺у埗鍙版墦鍗颁俊鎭竴鏍凤紝Vue涔熷鍔犱簡棰濆鐨勬搷浣滐紝姣斿閫氳繃set瀹炵幇鏁版嵁鐩戞帶鏉ュ畬鎴愬搷搴斿紡鐨勫彉鍖栥€傚簲璇ュ彧鏈変竴涓矗浠汇€傛垜浠娇鐢ㄤ唬鐞嗘ā寮忥紝璁╀唬鐞嗗璞″湪涓嶇牬鍧忕洰鏍囧璞＄殑鎯呭喌涓嬫壙鎷呴澶栫殑鍔熻兘锛屼互鍏嶄娇鐩爣瀵硅薄鑷冭偪锛岄檷浣庡鐢ㄦ€у拰鍙淮鎶ゆ€с€?JavaScriptProxyJS鎻愪緵浜哖roxy绫伙紝鍙互闈炲父鏂逛究鐨勫垱寤轰唬鐞嗗璞°€備互瀹炵幇瀵瑰熀鏈搷浣滐紙濡傚睘鎬ф煡鎵俱€佽祴鍊笺€佹灇涓俱€佸嚱鏁拌皟鐢ㄧ瓑锛夌殑鎷︽埅鍜屽畾鍒躲€侾roxy鐨勭敤娉曞緢绠€鍗曪細constproxy=newProxy(target,handler)//target//Proxy瑕佸寘瑁呯殑鐩爣瀵硅薄锛堝彲浠ユ槸浠讳綍绫诲瀷鐨勫璞★紝鍖呮嫭鍘熺敓鏁扮粍銆佸嚱鏁帮紝鐢氳嚦鏄彟涓€涓唬鐞嗭級.//handler//閫氬父浠ュ嚱鏁颁綔涓哄睘鎬х殑瀵硅薄锛屾瘡涓睘鎬т腑鐨勫嚱鏁板畾涔変簡浠ｇ悊p鎵ц鍚勭鎿嶄綔鏃剁殑琛屼负銆傝鎯呰鍙傝€僊DN鏂囨。https://developer.mozilla.org...3.1Proxy缂撳瓨浠ｇ悊澶勭悊鍣ㄥ璞＄殑瀹炵幇鏈夊緢澶氬彲閫夋柟娉曪紝鍏朵腑apply鏂规硶鐢ㄤ簬鎷︽埅鍑芥暟璋冪敤鍜屾搷浣溿€俛pply鏂规硶鎺ュ彈3涓弬鏁帮紝鍙傝https://developer.mozilla.org...//apply鐨?涓弬鏁?/target鐩爣瀵硅薄//thisArgcontextobjectwhencalled//argArrayargumentarraywhencalled銆俢onstgeoCache={};constgetLatLngProxy=newProxy(getLatLng,{apply(target,thisArg,argArray){constaddress=argArray[0];console.log("cache="+geoCache[鍦板潃]);杩斿洖(geoCache[鍦板潃]??=target(address));},});getLatLngProxy("鏉窞");//cache=undefinedgetLatLngProxy("鏉窞");//cache=鏉窞缁忕含搴︽垜浠皟鐢ㄤ唬鐞嗗嚱鏁扮殑鏃跺€欎細瑙﹀彂applygetLatLngProxy鏂规硶娉ㄦ剰鎴戜滑杩欓噷鐨則arget瀵硅薄鏄痝etLatLng鍑芥暟锛屽嵆apply鐨勭洰鏍囨槸getLatLng鐨勫紩鐢紝鎵€浠ヨ皟鐢╰arget鐩稿綋浜庤皟鐢╣etLatLng3.2Vue3鐨勬暟鎹唬鐞哣ue2浣跨敤Object.defineProperty鏉ュ疄鐜版暟鎹唬鐞嗭紝浣嗘槸杩欑鏂规硶鏈夊眬闄愭€ф瘮濡傛垜浠彲浠ラ€氳繃set鏂规硶鑾峰彇鏅€氬睘鎬х殑鍙樺寲淇℃伅锛屼絾鏄笉鑳介€氳繃set鏂规硶鑾峰彇鍒板彉鍖栦娇鐢╬ush鏂规硶鑾峰彇鏁扮粍銆傛墍浠ue3浣跨敤Proxy鏉ュ疄鐜版暟鎹唬鐞嗐€備笌apply鏂规硶绫讳技锛宧andler涓篃鏈塯et鍜宻et鏂规硶鏉ユ嫤鎴睘鎬х殑璁块棶鍜屼慨鏀规搷浣溿€傚叿浣撳弬瑙乬ethttps://developer.mozilla.org...sethttps://developer.mozilla.org...constobj={name:"JiMing",};constproxyObj=newProxy(obj,{//target鐩爣瀵硅薄涓簅bj//property瑕佽幏鍙栫殑灞炴€у悕銆俫et(target,property){console.log(`accessedobj.${property}`);杩斿洖鐩爣[灞炴€锛泒,//targettargetobjectisobj//瑕佽缃殑灞炴€у悕set(target,property,value){console.log(`modifiedobj.${property}`);鐩爣[灞炴€=鍊硷紱},});proxyObj.name;//璁块棶鐨刼bj.nameproxyObj.name="Ji";//淇敼obj.name缁撴潫锛屾拻鑺别煄?/p>
