首页 > js mvvm框架双向绑定实现的疑惑?

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

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

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


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...


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

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

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

【热门文章】
【热门文章】