将 Base2 与 KnockoutJS 视图模型结合使用

Question

我使用 Base2 作为一种方法，让我们能够轻松地在系统中进行继承，并使用 KnockoutJS 进行一些 UI 交互。

我们已经为我们的 ViewModel 定义了一个基类，

BaseViewModel = Base.extend({
    ...
});

然后我们为我们的视图模型扩展了它：

ExampleViewModel = BaseViewModel.extend({
    text: ko.observable("")
});

但是似乎有一个问题。当您创建视图模型的 2 个以上实例时（例如，如果您将它们推入 observableArray 并使用模板构建 UI），似乎对绑定字段所做的任何更改都会更新所有视图模型，而不仅仅是一个视图模型这是必然的。

有谁知道为什么会这样？

Answer 1

因为扩展实际上并没有实例化一个新的可观察对象，它只是复制引用。

我认为你可以这样做：

ExampleViewModel = BaseViewModel.extend({
    constructor: function() {
        this.text = ko.observable("");
    }
});

虽然不像普通的 Base2 语法那么好，但由于属性问题，只是限制了 Knockout 的实现方式。