Question

我遇到了Knockout的问题，我在其中对用户对象进行了原型设计，其中我的对象的可观察属性似乎被最后一次出现覆盖。

因此我不能多次使用同一个对象，否则会被覆盖。

虽然这很难解释，但请看我的小提琴。

http://jsfiddle.net/RSEcj/1/

我做错了什么？（或者这是Knockout中的一个错误？）我该如何解决问题。

Answer 1

因为observable是函数而不是属性，所以它们由对象原型上的单个实例表示，而不像在对象设置时将在对象上创建的属性。

您可以使用功能继承来实现您想要的功能。

http://jsfiddle.net/ypWQN/1/

var User = function(firstName, lastName){
    var that = {};

    that.firstName = ko.observable(firstName);
    that.lastName = lastName;

    return that;
};


var Employee = function(firstName, lastName){
    var that = User();

    that.firstName(firstName);
    that.lastName = lastName; 

    return that;
};

希望这会有所帮助。

Answer 2

这是一个很好的解决方案：http://jsfiddle.net/magikMaker/RSEcj/19/

它使用新方法inheritsFrom（），为此归功于http://phrogz.net/js/classes/OOPinJS2.html

将它与apply（）方法和init（）方法相结合，魔术发生......： - ）

var Person = function(firstName, lastName){

    this.init = function(firstName, lastName){
        this.firstName = ko.observable(firstName);
        this.setLastName(lastName);
    };

    this.setLastName = function(lastName){
        this.lastName = lastName;
    };

    this.init.apply(this, arguments);
};

var Child = function(firstName, lastName){
    this.init.apply(this, arguments);
};

Child.inheritsFrom(Person);

Answer 3

我知道有点迟了，但这可能对某人有帮助。

尝试这样定义，总是对我有用

function User(firstName,lastName)
{
this.firstName = ko.observable(firstName);
this.lastName = lastName;
}

function Employee(firstName,lastName)
{
    User.apply(this,arguments);
   this.firstName(firstName);
    this.lastName = lastName;
}

Employee.prototype = Object.create(User.prototype);
Employee.prototype.constructor = Employee;

原型继承的淘汰问题

3 个答案: