過去可以調(diào)用Object.observe()任何對象,然后在修改屬性時接收回調(diào)。但是,它已被棄用,我們獲得了代理、getter 和 setter作為替代方案。但都不允許將偵聽器附加到現(xiàn)有對象,該對象的引用已存儲在其他地方。以這段代碼為例:const state = {};/* BEGIN Third party code */(function runProcessing() { setInterval(globalState => { if (Math.random() > 0.5) { globalState.attr = !globalState.attr; } }, 1000, state);})();/* END Third party code */// TODO: run some function every time state.attr is changed有兩個直接的問題:state被聲明為 a const,因此不能使用 Proxy 重新定義state通過引用傳遞給內(nèi)部函數(shù),因此即使state重新定義,該函數(shù)仍將繼續(xù)使用原始對象雖然這可以通過setInterval不斷地將其state.attr與之前版本的自身進(jìn)行比較來實現(xiàn),但它無法捕捉到setInterval調(diào)用之間發(fā)生的變化,并且總是會有滯后。是否有任何鮮為人知的方法可以實現(xiàn)這一目標(biāo)?
觀察現(xiàn)有對象上的對象屬性變化
慕尼黑8549860
2021-06-29 09:07:23