Object.observe监控对象在Chrome下可用

发布时间:2025-09-04 点击:7
在以前的文章中介绍过dom4的mutationobserver,它可以用来监视dom元素的属性变化。在目前最新的稳定版chrome中(chrome26)已经可以使用object.observe来监视一般javascript对象了。但也只对值属性有用,对访问器属性的结果依然无力。运行<script>var o={};//为对象o添加属性操作监视object.observe(o,function(changies){console.log(changies);});o.p=1; //添加属性o.p=1; //值没变,不会触发o.p=2; //更新属性值delete o.p; //删除属性</script>
但如果用于访问器属性或有其它特性的属性情况就不同了运行<script>var p;var o={get p(){return p;},set p(v){p=v;}};//为对象o添加属性操作监视object.observe(o,function(changies){console.log(changies);});o.p=123; //访问器属性操作,不会触发console.log(o.p);
object.defineproperty(o,x,{value:1}); //添加属性,会触发
//因为x属性是只读且不可配置的,所以写和删除操作都无效,不会触发o.x=123;delete o.x;</script>所以我们依然无法使用object.observe来监控dom控件的即时变化,因为读取控件值的属性都是访问器属性。

我们网站建设服务商对自己的专业要求
SEO优化存在的意义就是帮助企业创造有价值内容
外贸网站推广方式特点
网站定制:小微企业建站要了解这些
网站seo优化新手需要掌握哪些技能?
怎么提高网站的设计感
网站建设中的设计小技巧增加你的设计层次感
菏泽信息推广枣庄网站推广传授新手获取高质量的外链资源的方法