浠€涔堟槸璁＄畻灞炴€э紵瀹冧細鏍规嵁瀹冩墍渚濊禆鐨勬暟鎹姩鎬佹樉绀烘柊鐨勮绠楃粨鏋滐紝骞剁紦瀛樿绠楃粨鏋溿€傚鏋滀綘鏄疺ue寮€鍙戣€咃紝瀵硅繖涓姛鑳戒竴瀹氫笉闄岀敓锛岃€屼笖寰堝父鐢ㄣ€傚浜嶳eact寮€鍙戣€呮潵璇达紝濡傛灉浣犵敤杩噈obx锛屽瀹冨苟涓嶉檶鐢熴€傝楗板櫒灏嗙敓鏁堭煇€俁edux鍛紵锛燂紙鏃犺鈥︹€︼級瀵癸紝閲嶉€夛紝鍝堝搱馃槃銆傚暘锛岄獥瀛愶紝杩欐槸涓€涓吉閫犵殑璁＄畻灞炴€э紝闇€瑕佹墜鍔ㄦ彁渚涙墍鏈変緷璧栵紝姣忎釜渚濊禆閮芥槸涓€涓嚱鏁板洖璋冩潵纭畾渚濊禆鐨勫€硷紝姣忔鍐欒繖涔堝浠ｇ爜锛屾垜閮芥兂鎶婃垜鐨勬満姊伴敭鐩樺紕鍧忎簡锛堝皷鍙?.閭ｄ箞锛宺edux涓庤绠楀睘鎬ф棤鍏冲悧锛熶笉鑳借鍔炴硶鎬绘槸姣斿洶闅惧銆傝櫧鐒秗edux鏄竴绉嶅崟鍚戞暟鎹祦锛屼笉鑳借繘琛屽搷搴斿紡鎿嶄綔锛屼絾鏄垜浠彲浠ュ垱寤轰竴涓洃鍚璞mport{Store}from'redux';const鏀堕泦鍣?[];绫籓bjectDeps{protectedreadonlydeps:string[];鍙椾繚鎶ょ殑鍙鍚嶇О锛氬瓧绗︿覆锛涘彈淇濇姢鐨勫彧璇诲瓨鍌細瀛樺偍锛涘彈淇濇姢鐨勫揩鐓э細浠讳綍锛涙瀯閫犲嚱鏁帮紙鍟嗗簵锛氬晢搴楋紝鍚嶇О锛氬瓧绗︿覆锛岄儴闂細瀛楃涓瞇]=[]锛墈this.store=store;this.name=鍚嶇О锛涜繖銆傞儴闂?閮ㄩ棬锛涙敹闆嗗櫒.push(this);}proxy(currentState){if(state===null||typeofstate!='object')杩斿洖鐘舵€侊紱constproxyData=Array.isArray(state):[]:{};constcurrentDeps=this.deps.slice();constkeys=Object.keys(currentState);for(leti=keys.length;i-->0;){constkey=keys[i]!;Object.defineProperty(proxyData,key,{enumerable:true,get:()=>{if(visited){returnnewObjectDeps(this.store,this.name,currentDeps.slice(),).proxy(c褰撳墠鐘舵€侊級[閿甝锛泒璁块棶杩?鐪燂紱this.deps.push(key);杩斿洖this.proxy((this.snapshot=currentState[key]));},});ES6鐨凱roxy锛屽洜涓哄吋瀹规€т笉濂斤紝鏃㈢劧鏄墠绔簲鐢紝鑷劧瑕侀【鍙奅S5鐜锛屾墍浠ラ€夋嫨defineProerty鏄竴涓緢濂界殑鏂规銆傛湁浜嗙洃鎺ч┍鍔紝鐩戞帶涓嶅氨杞绘澗浜嗗悧锛?/鍋囪user涓殑瀵硅薄鏄細{firstName:'lady',lastName:'gaga'}constuserState=store.getState()['user'];functioncomputedFullName(){constproxy=newObjectDeps(store,'user').proxy(userState);returnproxy.firstName+'-'+proxy.lastName;}constfullname=computedFullName();鐜板湪璁╂垜浠湅鐪嬪湪鏀堕泦鍣ㄤ腑鏀堕泦浜嗗灏戜緷璧栭」console.log(collector);//[ObjectDeps,ObjectDeps]瀵癸紝涓や釜渚濊禆锛岀涓€涓殑deps閾炬槸['user','firstName']锛岀浜屼釜鏄痆'user','lastName']銆傚師鐞嗗垎鏋愶細姣忔鍒涘缓浠ｇ悊鏃讹紝鏋勯€犲嚱鏁伴兘浼氭墽琛宑ollector.push(this)灏嗚嚜宸辨坊鍔犲埌鏀堕泦鍣ㄤ腑銆傚綋浠ｇ悊璁块棶firstName鏃讹紝瀹冣€嬧€嬪疄闄呬笂璁块棶鐨勬槸getter銆俫etter涓湁涓€涓猼his.deps.push(key)鍙互绔嬪嵆鏀堕泦渚濊禆骞惰繑鍥炰笅涓€绾т唬鐞嗗€笺€備互姝ょ被鎺紝鍗充娇鏄痯roxy.a.b.c.d杩欐牱鐨勬繁搴︽搷浣滀篃鏄彈娆㈣繋鐨勶紝鍥犱负姣忔璁块棶涓嬩竴灞傦紝閮藉彲浠ユ敹闆嗕緷璧栧苟鍚堝苟鍒癲eps鏁扮粍涓€傚綋proxy璁块棶lastName鏃讹紝鐢变簬proxy瀹炰緥宸茬粡琚玣irstName鍗犵敤锛堟牴鎹畍isited鍙橀噺鍒ゆ柇锛夛紝getter閫昏緫涓細鐩存帴杩斿洖涓€涓柊鐨凮bjectDeps瀹炰緥銆傝繖鏃跺€檒astName灏卞拰鎴戜滑鐪嬪埌鐨勪唬鐞嗗彉閲忔病鏈夊叧绯讳簡銆備緷璧栫殑鑷姩鏀堕泦宸茬粡瀹炵幇锛屾垜浠潵璇曡瘯濡備綍缂撳瓨灞炴€lassObjectDeps{protectedsnapshot:any;proxy(){...}isDirty(){returnthis.snapshot!==this.getSnapshot();}protectedgetSnapshot(){constdeps=this.deps;璁╁揩鐓?this.store.getState();for(leti=0;i
