js mvvm框架双向绑定实现的疑惑？

Question

最近在学习一些js的mvvm框架时候，经常看到这么一句话，大概就是说许多MVVM框架中，数据的变更是通过setter去触发事件，然后更新视图。

这里的setter是指什么？有没有谁可以帮忙解惑的。

Answer 1

https://developer.mozilla.org/en-US/docs...

Object.defineProperty(o, 'b', {
  get: function() { return bValue; },
  set: function(newValue) { bValue = newValue; }
});

这是 ES5 的特性，通过在 setter/getter，在属性被访问和修改时通知变化。比如 vue 就是用的这个特性。

Answer 2

setter getter 方法统称为存取方法

function declar(obj){
   var rwprop = 0;
   Object.defineProperty(obj, "rwprop", {
        get : () => rwprop // getter
        ,set : value => rwprop= value+1 // setter
   });
   return obj
}

var a = {};

a = declar(a);

a.rwprop = 1 // 调用了setter
console.log(a.rwprop) // 调用了getter

https://developer.mozilla.org/zh-CN/docs...