长风破浪会有时
直挂云帆济沧海

js中用proxy实现简单的双向绑定

<body>
  His Name:<span id="username"></span>
</body>
<script>
//定义需要监控的_data对象
  var _data = { name: "zhangsan", age: 18 };

//监控_data
  var data = new Proxy(_data, {
    set(obj, key, value) {
      obj[key] = value;
     //当有值的时候刷新显示区域
      render();
    },
    get(obj, key) {
      return obj[key];
    }
  })

  function render() {
    document.getElementById("username").innerHTML = data.name;
  }
  render();
</script>
赞(1)
未经允许不得转载:阿锋哥前端开发经验分享 » js中用proxy实现简单的双向绑定
分享到: 更多 (0)

几百块就能做营销型企业网站?

查看详情