Object.observe監(jiān)控對(duì)象在Chrome下可用

2024-03-17    分類(lèi)： 網(wǎng)站建設(shè)

在以前的文章中介紹過(guò)DOM4的MutationObserver，它可以用來(lái)監(jiān)視DOM元素的屬性變化。在目前最新的穩(wěn)定版Chrome中（Chrome26）已經(jīng)可以使用Object.observe來(lái)監(jiān)視一般JavaScript對(duì)象了。但也只對(duì)值屬性有用，對(duì)訪問(wèn)器屬性的結(jié)果依然無(wú)力。 運(yùn)行<script> var o={}; //為對(duì)象o添加屬性操作監(jiān)視 Object.observe(o,function(changies){ console.log(changies); }); o.p=1; //添加屬性 o.p=1; //值沒(méi)變，不會(huì)觸發(fā) o.p=2; //更新屬性值 delete o.p; //刪除屬性 </script>

但如果用于訪問(wèn)器屬性或有其它特性的屬性情況就不同了 運(yùn)行<script> var p; var o={ get p(){return p;}, set p(v){p=v;} }; //為對(duì)象o添加屬性操作監(jiān)視 Object.observe(o,function(changies){ console.log(changies); }); o.p=123; //訪問(wèn)器屬性操作，不會(huì)觸發(fā) console.log(o.p);

Object.defineProperty(o,"x",{value:1}); //添加屬性，會(huì)觸發(fā)

//因?yàn)閤屬性是只讀且不可配置的，所以寫(xiě)和刪除操作都無(wú)效，不會(huì)觸發(fā) o.x=123; delete o.x; </script> 所以我們依然無(wú)法使用Object.observe來(lái)監(jiān)控DOM控件的即時(shí)變化，因?yàn)樽x取控件值的屬性都是訪問(wèn)器屬性。

當(dāng)前標(biāo)題：Object.observe監(jiān)控對(duì)象在Chrome下可用
文章出自：http://www.bm7419.com/news14/320464.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、域名注冊(cè)、網(wǎng)站排名、建站公司、定制網(wǎng)站、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作