Object.observe監(jiān)控對象在Chrome下可用
2024-03-17 分類： 網(wǎng)站建設(shè)
在以前的文章中介紹過DOM4的MutationObserver，它可以用來監(jiān)視DOM元素的屬性變化。在目前最新的穩(wěn)定版Chrome中（Chrome26）已經(jīng)可以使用Object.observe來監(jiān)視一般JavaScript對象了。但也只對值屬性有用，對訪問器屬性的結(jié)果依然無力。
運(yùn)行<script>
var o={};
//為對象o添加屬性操作監(jiān)視
Object.observe(o,function(changies){
console.log(changies);
});
o.p=1; //添加屬性
o.p=1; //值沒變，不會觸發(fā)
o.p=2; //更新屬性值
delete o.p; //刪除屬性
</script>
但如果用于訪問器屬性或有其它特性的屬性情況就不同了 運(yùn)行<script> var p; var o={ get p(){return p;}, set p(v){p=v;} }; //為對象o添加屬性操作監(jiān)視 Object.observe(o,function(changies){ console.log(changies); }); o.p=123; //訪問器屬性操作，不會觸發(fā) console.log(o.p);
Object.defineProperty(o,"x",{value:1}); //添加屬性，會觸發(fā)
//因?yàn)閤屬性是只讀且不可配置的，所以寫和刪除操作都無效，不會觸發(fā) o.x=123; delete o.x; </script> 所以我們依然無法使用Object.observe來監(jiān)控DOM控件的即時(shí)變化，因?yàn)樽x取控件值的屬性都是訪問器屬性。
但如果用于訪問器屬性或有其它特性的屬性情況就不同了 運(yùn)行<script> var p; var o={ get p(){return p;}, set p(v){p=v;} }; //為對象o添加屬性操作監(jiān)視 Object.observe(o,function(changies){ console.log(changies); }); o.p=123; //訪問器屬性操作，不會觸發(fā) console.log(o.p);
Object.defineProperty(o,"x",{value:1}); //添加屬性，會觸發(fā)
//因?yàn)閤屬性是只讀且不可配置的，所以寫和刪除操作都無效，不會觸發(fā) o.x=123; delete o.x; </script> 所以我們依然無法使用Object.observe來監(jiān)控DOM控件的即時(shí)變化，因?yàn)樽x取控件值的屬性都是訪問器屬性。
當(dāng)前標(biāo)題：Object.observe監(jiān)控對象在Chrome下可用
文章出自：http://jinyejixie.com/news14/320464.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、域名注冊、網(wǎng)站排名、建站公司、定制網(wǎng)站、營銷型網(wǎng)站建設(shè)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 網(wǎng)站制作如何選擇網(wǎng)頁的顏色和風(fēng)格？ 2024-03-17
- 怎樣提高網(wǎng)站的訪問速度 2024-03-17
- 微營銷如何做好營銷策略的方法有哪些 2024-03-17
- 分析UI應(yīng)遵循的三大網(wǎng)站設(shè)計(jì)原則 2024-03-16
- 網(wǎng)站設(shè)計(jì)師必收藏的網(wǎng)站(設(shè)計(jì)師素材網(wǎng)站) 2024-03-16
- 成都app開發(fā)定制打車軟件“補(bǔ)貼”搶市場！ 2024-03-16
- 海外獨(dú)立站建站 2024-03-16
- 搜索引擎類型分析及功能介紹 2024-03-17
- 網(wǎng)站建設(shè)的有效流程，不要讓他們再忽悠你 2024-03-17
- 誰應(yīng)該使用境外專用服務(wù)器？境外專用服務(wù)器的8大優(yōu)勢 2024-03-17
- 經(jīng)營好成都seo優(yōu)化公司我們是認(rèn)真的 2024-03-16
- 域名注冊中文網(wǎng)址域名的有優(yōu)勢嗎？——成都創(chuàng)新互聯(lián) 2024-03-16
- 企業(yè)郵箱系統(tǒng)需要具備哪些核心功能 2024-03-16
- repaint與reflow的意思 2024-03-16
- 成都網(wǎng)站建設(shè)能帶來什么樣的成功網(wǎng)站！ 2024-03-16
- 云專用服務(wù)器的簡介和好處，如何選擇云專用服務(wù)器需要考慮的因素 2024-03-16
- 移動(dòng)營銷中怎么做微商引流技巧 2024-03-16
- 百度搜索優(yōu)化網(wǎng)絡(luò)營銷策劃的關(guān)鍵因素 2024-03-16
- 大型網(wǎng)上商城網(wǎng)站自建物流體系的原因 2024-03-16