Нокаут ViewModel базовый класс, наследование Javascript

Question

В последнее время я использую Knockout.js для большого количества проектов, и я пишу много повторяющегося кода. Я хотел бы иметь возможность определить класс BaseViewModel и унаследовать от него мои ViewModels, специфичные для этой страницы. Я немного смущен о том, как это сделать - Javascript. Вот мой основной BaseViewModel:

(function (ko, undefined) { 
    ko.BaseViewModel = function() { 
     var self = this; 
     self.items = ko.observable([]); 
     self.newItem = {}; 
     self.dirtyItems = ko.computed(function() { 
      return self.items().filter(function (item) { 
       return item.dirtyFlag.isDirty(); 
      }); 
     }); 
     self.isDirty = ko.computed(function() { 
      return self.dirtyItems().length > 0; 
     }); 
     self.load = function() { } 
    }; 
}(ko)); 

Я хотел бы иметь возможность перечислить подписи методов, как load в BaseViewModel, а затем дать им определение в наследуемых ViewModel. Возможно ли это? Я нашел несколько решений в Интернете, но все они полагаются на определение функций/классов, чтобы заставить наследование работать.

Answer 1

С вашего BaseViewModel только добавляет все свойства/методы для this (а не с помощью прототипа), то это довольно легко:

В своих новых моделях просмотра, просто позвоните BaseViewModel:

var MyVM = function() { 
    var self = this; 
    ko.BaseViewModel.call(self); 

    self.somethingElse = ko.observable(); 
    self.itemCount = ko.computed(function() { return self.items().length; }); 
    self.items([1, 2, 3]); 
}; 


// ... 
var vm = new MyVM(); 

Answer 2

Наследование Javascript выполняется двумя частями. Первый - в конструкторе, а второй - на прототипе (который вы не используете, поэтому можете пропустить).

var ViewModel = function(data) { 
    BaseViewModel.call(this); 
}; 
//you only need to do this if you are adding prototype properties 
ViewModel.prototype = new BaseViewModel(); 

К последней точке, о переопределении load, ни его другим, что поставив load функцию на вашем ViewModel нормально. Javascript позволяет вам переопределить любые свойства объектов с помощью чего-либо, особых шагов здесь нет.

Это fiddle demonstrating наследство.