javascript - Can.js - 将 can.Compute 添加到原型

Question

如何将can.compute添加到can.Control实例原型？我试图将它传递给带有扩展的实例函数，但该类的所有实例共享同一个计算实例。

can.Control.extend('App.Window', {
  ...
},{
  ...
  active: can.compute(true, function(newVal, oldVal) {
    return !!newVal;
  })
});

var a = new App.Window,
    b = new App.Window;

a.active === b.active // true
a.active()           // true
a.active(false)
a.active()         // false
b.active()        // false

显然，我可以在 init 函数中执行此操作，但我宁愿不这样做，因此当我将来继承它时，我不必记得调用父级 init。只是希望有人有更好的方法。

Answer 1

共享同一个实例是原型的重点。您可以使用返回新计算的原型函数。使用控件的替代方法init是使用原型设置或修改静态设置中的选项：

can.Control.extend('App.Window', {
  ...
},{
  setup: function(element, options) {
        this.active = can.compute(true, function(newVal, oldVal) {
            return !!newVal;
        });
        return can.Control.prototype.setup.apply(this, arguments);
    }
});