KnockoutJS Inheriting functionality via ko.utils.extend

user_2089036 0
Viewed 3857

I'm trying to inherit functionality from a parent view model to a child view model like so:

function ParentVM() {
    var self = this;

    self.MyFunc = function () {
        console.log(self.SomeVar);  // this logs "undefined"
    }
}

function ChildVM() {
    var self = this;
    ko.utils.extend(self, new ParentVM());

    self.SomeVar = "hello";
}

However, when MyFunc is called, SomeVar is undefined.

knockout.js inheritance javascript
2 Answers

In case anybody is struggling with this, I found a solution outside of the KnockoutJS framework:

function ParentVM() {
    var self = this;

    self.MyFunc = function () {
        console.log(self.SomeVar);
    }
}

function ChildVM() {
    var self = this;
    ParentVM.apply(self); // this instead

    self.SomeVar = "hello";
}
user_20890360

you would want to use this instead of self in MyFunc. The way it is written now, MyFunc will always use self that is set to the value of this that is the new ParentVM instance.

user_5944200
Related