使用 .change 更新 var？

Question

在 80% 的案例中，我开始面临一个重要的问题。

假设我有这个：

var bcount = properties.count;
favicon.badge(bcount);
bcount.change(function() { favicon.badge(bcount); });

properties.count = 它是一个随用户操作而变化的数字。 favicon.badge 它是一个显示动作的 javascript，效果很好。

我尝试在 bcount var 上使用 .change，但正如我所想的那样给了我错误，因为它不是一个元素。 当值发生变化时，有什么方法可以监听 var 吗？

我面临的问题是，当计数更新时，会出现一个新数字。刷新页面后才会更新。

谢谢！！

编辑：我正在尝试设置 getter 和 stter：

var bcount = {
  a: properties.count,
  get b() { 
    return this.a;
  },
  set c(cname) {
    this.a;
  }
};

这样好吗？现在我该如何发起通话？

Answer 1

我认为您需要 get 和 set 功能。您可以将逻辑放入这些函数中，它们会在变量 get 和 set 中执行您想要的操作。

看这个：es5-getters-setter

以上链接的示例：

var person = {
    firstName: 'Jimmy',
    lastName: 'Smith',
    get fullName() {
        return this.firstName + ' ' + this.lastName;
    },
    set fullName (name) {
        var words = name.toString().split(' ');
        this.firstName = words[0] || '';
        this.lastName = words[1] || '';
    }
}

person.fullName = 'Jack Franklin';
console.log(person.firstName); // Jack
console.log(person.lastName) // Franklin

编辑：

每个字段都有其get 和set。如果您想让其他人在阅读您的代码时感到困惑，请这样做。但正确的是：

var properties = {
  _count:0, // you hold count value here
  get count() { // every time you get "properties.count" this function will run
    // place for your code that must run on get, like "var bcount = properties.count"
    return this._count;
  },
  set count(new_count) { // every time you want to do "properties.count = some_int" this function will run
    // place for your code that must run on set, like "properties.count = some_int"
    this._count = new_count;
  }
};
// usage
properties.count = 10; // "properties._count" is "10" now
var bcount = properties.count; // you just got "properties._count" value