是否可以将 ko.computed 继承到原型类？

Question

假设我希望 ko.computed 具有以下行为：

• 阅读
• 写

但我想在 ko.computed 属性中有一个内部可观察对象，例如：

this.a = ko.computed(function() {
    value: ko.observable(null),

    read: function() {
        return value;
    },

    write: function(newValue) { 
        if (newValue) {
            value(newValue);
        }
    }
});

这可能以某种方式实现吗？上面的不行。

Answer 1

你可以这样做，

http://jsfiddle.net/b5stgh3L/

var myComputed = function() {
    var value = ko.observable();

    return ko.computed({         
        read: function() {
            return value();
        },
        write: function(newValue) { 
            if (newValue) {
                value(newValue);
            }
        }
    })    
};

var vm = function() {
    this.my = myComputed();
};

var instance = new vm();

instance.my("value");
instance.my(null);

console.log(instance.my());

你也可以使用原型扩展计算，就像 ko 在内部使用它

function setPrototypeOf(obj, proto) {
    obj.__proto__ = proto;
    return obj;
} 

使用喜欢（ko.utils.setPrototypeOf 未导出使用上述代码）

ko.utils.setPrototypeOf(ko.observableArray['fn'], ko.observable['fn']);

我的旧答案在这里找到可能可以帮助您如何使用原型方法

How can I create a typed collection class in Knockout mapping?

http://jsfiddle.net/xop2go2z/

Answer 2

看起来您想要的是一个不允许验证失败的分配的可观察对象。你可以在普通的 observable 上使用扩展器来做到这一点：

ko.extenders.constrain = function (target, option) {
    var lastValidValue = target();
    target.subscribe(function (newValue) {
        if (option(newValue)) {
            lastValidValue = newValue;
        } else {
            target(lastValidValue);
        }
    });
    return target;
};

这样称呼它以防止分配虚假值：

var notFalsy = ko.observable("Bob").extend({
    constrain: function (newValue) {
        return newValue;
    }
});

更新：上述方法在更正之前确实允许分配可能很重要。如果 observable 从不采用无效值很重要，则可以使用计算（结构很像安德斯的解决方案）。

function constrainedObservable(constraint) {
    var value = ko.observable();
    return ko.computed({
        read: value,
        write: function (newValue) {
            if (constraint(newValue)) {
                value(newValue);
            }
        }
    });
}

Demo http://jsfiddle.net/o641v37L/1/（取消注释分配以使用计算）

Answer 3

这与https://stackoverflow.com/a/30506199/18771 在这里回答的问题并不完全相同，但非常接近。

底线是，不，您实际上不能在原型链中进行计算，因为该计算将在您的所有视图模型实例之间共享。

如果您打算在多个对象实例之间共享单个计算值，请继续。

如果您想创建某种类层次结构，但仍希望您的各个视图模型实例拥有自己的单独可观察对象，那么您无法通过原型来实现。

---

背景：JavaScript 既没有类（抽象对象描述）也没有基于类的继承（分层抽象对象描述）。 JavaScript 有对象（由构造函数产生）和原型链（对象的单链表）。原型链中的所有内容都在对象构造函数创建的所有实例之间物理共享。