javascript - 可通过继承观察到的 knockout

我的基类中的可观察变量有问题。
查看this小提琴以查看问题。

我将解释我要做什么。

我有一个继承自我的ViewModel的基类。
该基类包含可观察的属性。

我创建了继承类的多个实例，并将值分配给可观察对象，然后为所有实例注册的值是上一次分配的值。

以下代码解释了我的意思。

var vm = function () {
    var test = ko.observable();
    return {
        test: test
    }
};

var subvm = function () {

};

subvm.prototype = new vm();
subvm.prototype.constructor = subvm;
subvm.prototype.parent = vm.prototype;

var testvm1 = new subvm();
var testvm2 = new subvm();


ko.applyBindings(testvm1, $('#div1').get(0));
ko.applyBindings(testvm2, $('#div2').get(0));

testvm1.test('Value for object 1');
testvm2.test('Value for object 2');

创建的视图模型绑定到以下html：

<div id="div1">
    <span data-bind="text: test">test1</span>
</div>
<div id="div2">
    <span data-bind="text: test">test2</span>
</div>

我做错什么了吗？

我希望对此有所帮助。

最佳答案

您的继承模型是错误的。 subvm的两个实例共享test的相同实例。

原型继承不能使在父“类”中看到的词法范围变量的唯一实例，除非您确保每次实例化子类对象时都实际上调用了超类构造函数。