Knockout JS Model Inheritance

Question

Tôi có ba mô hình loại trực tiếp tương tự trong ứng dụng của mình và tôi muốn mở rộng mô hình cơ sở để kết hợp các đặc tính chung thay vì lặp lại bản thân ba lần.

dụ

var ItemModel = function (item) { 
    var self = this; 

    self.order = ko.observable(item.order); 
    self.title = ko.observable(item.title); 
    self.price = ko.observable(item.price); 
    self.type = ko.observable(item.type); 
}; 

var StandardItemModel = function (item, cartItemTypes) { 
    var self = this; 

    self.order = ko.observable(item.order); 
    self.title = ko.observable(item.title); 
    self.price = ko.observable(item.price); 
    self.type = ko.observable(item.type); 

    self.isInCart = ko.computed(function() { 
    return cartItemTypes().indexOf(item.type) > -1; 
    }, self); 

    self.itemClass = ko.computed(function() { 
    return self.isInCart() ? "icon-check" : "icon-check-empty"; 
    }, self); 
}; 

var CustomItemModel = function (item) { 
    var self = this; 

    self.order = ko.observable(item.order); 
    self.title = ko.observable(item.title); 
    self.price = ko.observable(item.price); 
    self.type = ko.observable(item.type); 

    self.icon = item.icon; 
}; 

Tôi muốn sử dụng ItemModel như một lớp cơ sở và chỉ cần thêm các thuộc tính thêm khi cần thiết.

Answer 1

Tôi nghĩ rằng bạn có thể sử dụng ko.utils.extend như thế này

ko.utils.extend(self, new ItemModel(item)); 

bên trong StandardItemModel

như thế này: http://jsfiddle.net/marceloandrader/bhEQ6/

Answer 2

tôi đã thực hiện một cái gì đó tương tự, với rất nhiều thử và sai, nhưng tôi đã làm việc này cho tôi:

var StandardItemModel = function (item, cartItemTypes) { 
    var self = this; 
    ItemModel.call(self, item) 
} 

Sau đó bạn cần phải thêm một constructor prototyped:

StandardModel.prototype = new ItemModel(); 

Nếu bạn muốn có các phương pháp phổ biến, sau đó bạn cần phải thêm chúng vào các lớp cơ sở sử dụng nguyên mẫu để thêm chúng, sau đó gọi chúng trong lớp cao hơn bằng cách sử dụng:

ItemModel.prototype.methodName.call(self, parameters); 

Answer 3

Tôi đoán bạn có thể làm một cái gì đó như thế này:

var StandardItemModel = function (item, cartItemTypes) { 
var self = this; 
self.standard = new ItemModel(item); 
self.isInCart = ko.computed(function() { 
return cartItemTypes().indexOf(item.type) > -1; 
}, self); 

self.itemClass = ko.computed(function() { 
return self.isInCart() ? "icon-check" : "icon-check-empty"; 
}, self); 
} 

Answer 4

function MyBaseType() { 
    var self = this; 
    self.Id = 1 
} 

function MyComplexType() { 
    var self = this; 

    //Extending this class from MyBaseType 
    ko.utils.extend(self, new MyBaseType()); 

    self.Name = 'Faisal'; 

    self.MyComplexSubType = new MyComplexSubType(); 
} 

function MyComplexSubType() { 
    var self = this; 

    self.Age = 26; 
} 

JSFIDDLE EXAMPLE

Answer 5

Bạn có thể chuỗi các cuộc gọi constructor sử dụng .call hoặc .apply

function ItemModel (item) { 
    var self = this; 

    self.order = ko.observable(item.order); 
    self.title = ko.observable(item.title); 
    self.price = ko.observable(item.price); 
    self.type = ko.observable(item.type); 
} 

function StandardItemModel(item, cartItemTypes) { 
    var self = this; 

    ItemModel.call(this, item); 

    self.isInCart = ko.computed(function() { 
     return cartItemTypes().indexOf(item.type) > -1; 
    }, self); 

    self.itemClass = ko.computed(function() { 
     return self.isInCart() ? "icon-check" : "icon-check-empty"; 
    }, self); 
} 

function CustomItemModel (item) { 
    var self = this; 

    ItemModel.apply(this, [item]); 

    self.icon = item.icon; 
} 

Các lợi thế hơn ko.utils.extend (hoặc các phương pháp tương tự từ jQuery, dấu gạch dưới, vv) được rằng bạn không tạo ra một đối tượng khác chỉ để lấy tham chiếu đến các phương thức của nó.