0

我想了解为什么当属性是原型时，剔除的行为会有所不同，尤其重要的是，如何在仍然使用原型的同时避免它。
我想要一些方法被覆盖，因为我有一个我们要继承的基本视图模型

以下说明了我的意思

JSFIDDLE WITH PROTOTYPE [尝试在第一个输入框中输入，它将出现在另一个]

var viewModel = function(params) {
        this.params =  params;
    };
    viewModel.prototype.text = ko.observable(this.params  && this.params.initialText || '');


ko.components.register('message-editor', {
    viewModel: viewModel,
    template: 'Message: <input data-bind="value: text" /> '
            + '(length: <span data-bind="text: text().length"></span>)'
});
 
ko.applyBindings();
<!-- ko component: "message-editor" -->
<!-- /ko -->
<br />
<!-- ko component: "message-editor" -->
<!-- /ko -->


<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>

JSFIDDLE WITHOUT PROTOTYPE [尝试在第一个输入框中输入，它不会出现在另一个输入框中]

var viewModel = function(params) {
        this.params =  params;
        this.text = ko.observable(this.params  && this.params.initialText || '');
    };


ko.components.register('message-editor', {
    viewModel: viewModel,
    template: 'Message: <input data-bind="value: text" /> '
            + '(length: <span data-bind="text: text().length"></span>)'
});
 
ko.applyBindings();
<!-- ko component: "message-editor" -->
<!-- /ko -->
<br />
<!-- ko component: "message-editor" -->
<!-- /ko -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>

为什么他们的行为不同？

4

1 回答 1

5

在 JavaScript 中，原型仅用于该类型的每个对象共有的函数。所有实例都可以共享该函数的同一个副本，因为该函数在调用时会通过this. Knockout observables 并非设计为存储在原型中，因为它们存储特定于对象实例的数据。

于 2017-05-12T07:14:42.457 回答