javascript对象状态（KVO）观察者

一.首先来看一段代码

上述是一个非常简单的例子

在一个HTML元素中&＃xff0c;可被观察的属性或者状态如下。

childList&＃xff1a;子元素的变动。
attributes&＃xff1a;属性的变动。
characterData&＃xff1a;节点内容或节点文本的变动。
subtree&＃xff1a;所有

二。我们也要知道的一点是&＃xff0c;一个对象也可被多个观察者观察&＃xff01;

~~~~~~~~~~~~~~~~~~~~~~~2014-11-29日更新~Observer~~~~~~~~~~~~~~~~~~~~~~~~~

Object.observe方法用于观察对象属性的变化。

var o &＃61; {}; 
Object.observe(o, function(changes) {   changes.forEach(function(change) {     console.log(change.type, change.name, change.oldValue);   }); }); 
o.foo &＃61; 1; 
// add, &＃39;foo&＃39;, undefined 
o.foo &＃61; 2; 
// update, &＃39;foo&＃39;, 1 
delete o.foo; 
// delete, &＃39;foo&＃39;, 2

对于KVO的用法&＃xff0c;相信学习IOS的人活着学过java观察者模式的人比较了解&＃xff0c;通过这些UI状态的变化&＃xff0c;我们可以更新各种数据&＃xff0c;在MVC->MVP->MVVM的过程&＃xff0c;“

基于数据的驱动”取代“基于事件的驱动”是一种非常好的设计里面&＃xff0c;C# &＃43;wpf就是这种理念&＃xff0c;当然js也有,android也有。