vue.js 则是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()
来劫持各个属性的setter
,getter
,在数据变动时发布消息给订阅者,触发相应的监听回调。
Object.defineProperty(obj, "data", {
//获取值
get: function ()
{ return name; },
//设置值
set: function (val) {
name = val;console.log(val)}})
//赋值调用
setobj.data = 'aaa';
//取值调用
getconsole.log(obj.data);
代码演示:defineProperty的双向绑定var obj={};Object.defineProperty(obj, 'val',{set:function (newVal) {document.getElementById("a").value =newVal==undefined?'':newVal;document.getElementById("b").innerHTML=newVal==undefined?'':newVal;}});document.getElementById("a").addEventListener("keyup",function (e) {obj.val = e.target.value;})