Новые объекты для кинетических объектов?

Question

Как добавить/расширить свойства к кинетическим объектам через функцию?

Позвольте мне подробнее пояснить. Я могу создать новый объект Kinetic, подобный этому

var car = new Kinetic.Rect({ 
width: 15, 
height: 10}); 

// и позже добавлять пользовательские свойства. нотация

car.brand = "BMW";

Но если я хочу, чтобы kinectic объектов с помощью функции, как этого

var Car1 = new Car(15, 10, "BMW"); 
var Car2 = new Car(10, 10, "Volvo"); 

function Car(width, height, brand) { 
    this.width = width; 
    this.height = height; 
    this.brand = brand; 
} 

Это, конечно, не быть кинетическим объектом. Но как я могу это сделать? Возможно ли расширить базовый класс для хранения пользовательских значений?

Answer 1

Это можно считать относительно некрасиво из коробки, но да

var Car = (function() { 
    var _super = Kinetic.Rect.prototype, 
     method = Car.prototype = Object.create(_super); 

    method.constructor = Car; 

    function Car(opts, brand) { 
     _super.constructor.apply(this, arguments); 
     this.brand = brand; 
    } 

    method.drive = function() { 
     //lawl 
    }; 

    return Car; 
})(); 

var bmw = new Car({}, "BMW"); 
var volvo = new Car({}, "Volvo"); 

Спросите себя, хотя, если этот автомобиль является кинетический Прямоугольник. Для меня этот вид наследования не имеет никакого смысла, я бы предпочел иметь автомобиль с свойством, например .boundingBox, относящимся к экземпляру Rectangle.

---

Это становится немного чище, когда вы извлекаете общий код где-то:

var oop = { 
    inherits: function(Child, Parent) { 
     Child.prototype = Object.create(Parent.prototype); 
     Child.prototype.constructor = Child; 
     return Parent.prototype; 
    } 
}; 

Тогда код будет выглядеть

var Car = (function() { 
    var _super = oop.inherits(Car, Kinetic.Rect); 

    function Car(opts, brand) { 
     _super.constructor.apply(this, arguments); 
     this.brand = brand; 
    } 

    return Car; 
})();