如何给变量x设置一个侦听事件

[8988]

<script>
var x=0;
//定义x的侦听事件,当x值改变时，触发该事件
</script>
<button onclick="x=1-x">测试变量x变化后触发事件</button>

注意：不能用setInterval 和 无限循环

[野鹤-辛]

因为x是一个数值，而不是对象，所以无法监听。如果是对象。可以监听属性变化的，defineProperty。

[8988]

那可不可以，建立一个自定义对象，把这个X作为该对象的属性

[天际的海浪]

<script type="text/javascript">
var obj = {__x: 0};
Object.defineProperty(obj, "x", {
  get: function(){
    return this.__x;
  },
  set: function(newValue){
    this.__x = newValue;
    alert("x更新了："+this.__x);
  },
  enumerable : true,
  configurable : true
});
</script>
<button onclick="obj.x=1-obj.x">测试变量x变化后触发事件</button>

[wanghui0380]

楼上是原理

不过实际使用上，我们会直接采用现有的mvvm框架了，比如vue框架，knockout框架。