Javascript参数和函数的继承

Question

我有一个对象：

function Shape(color, position, coordinates){
    this.color = color;
    this.position = position;
    this.coordinates = coordinates;
    this.shrink = function(){
        reduce(coordinates);
    };
};

许多对象中的一个与前一个对象具有“是”关系。

function Sphere(color, position, coordinates, radius){
    this.radius = radius;
    this.role = function(){
        move(coordinates);
    };
};

还有一个单独的绘制形状的绘图函数

function draw(shape){
    moveTo(shape.position);
    setColor(shape.color);
    sketch(shape.coordinates);
}; 

我知道我应该尽可能尝试使用组合，但在某些情况下，例如上述情况，继承是一种更合适的模型。

如果没有框架，我如何尽可能简单地使用原型继承或任何其他形式来继承形状的功能和属性，这样我就不必为我创建的每种形状类型重新定义它们并且能够将参数传递给继承者对象的构造函数，因此它们被传递给被继承的对象。

编辑

我搜索了标题相似的帖子，但没有一个提供关于我的具体情况的示例，在构造函数中传递参数以及继承变量和函数。此外，我发现关于这个主题的答案倾向于提供多种选择，我正在寻找关于标准方法的更明确的答案（例如）

关于所谓的明确答案Performing inheritance in JavaScript，我发现如果我要按照原型函数中的描述定义我的所有属性，我的脚本会一团糟，而且它也没有说明如何处理传递给的参数构造函数。

Answer 1

Javascript 没有任何原生结构来实现这一点。但是，有一些实用程序库可以帮助您实现这一目标。

如果您对此感兴趣，请查看 Dean Edward 的 Base 库：

http://dean.edwards.name/weblog/2006/03/base/

您可以按原样使用它来实现您想要的。无论如何，我可以推荐每个 javascript prorammer 阅读该代码并尝试了解它是如何工作的 - 它会让你成为一个更好的程序员。

一个非常简单的解决方案，完全不依赖于继承，也解决了传入参数的问题，就是使用对象字面量作为参数。要分配，您只需复制对象文字中的所有字段，如下所示：

//copy instance variables from source to target 
function copyInstanceVars(source, target){
    var p,v;
    for (p in source){
        if (source.hasOwnProperty(p)) {
            v = source[p];
            target[p] = v;
        }
    }
    return target;
}

//Shape, base class.
var Shape;
(Shape = function(config) {
    copyInstanceVars(config, this);  //copy instance variables from the config
}).prototype = {          //class members go in the prototype
    shrink: function(){
        reduce(coordinates);
    }
};

//Sphere, subclass of Shape
var Sphere;
(Sphere = function(config){
    Shape.apply(this, arguments);
}).prototype = copyInstanceVars(Shape.prototype, {  //inherit methods from Shape
    role: function(){
        move(coordinates);
    };
});

然后，在实例化对象时，您会：

var shape = new Shape({
    color: "blue",
    ...,
    coordinates: {x:10, y:20}
});

var sphere = new Sphere({
    color: "blue",
    ...,
    ...,
    radius: 10
});

因此，在这种情况下，实例变量只是您传递给构造函数的那些字段，而 copyInstanceVars 函数负责这个复制过程。 （那里的 hasOwnProperty 检查确保我们只获取实例变量）。

此示例还说明了如何使用相同的 copyInstanceVars 函数来继承方法。但是这次我们将它应用到构造函数的原型上（因为我们将方法“声明”为原型上的实例变量）

Answer 2

我通常发现寄生继承是 JavaScript 中最简单的选择：

function Sphere(color, position, coordinates, radius){
    var shape = new Shape(color, position, coordinates);
    shape.radius = radius;
    shape.role = function(){
        move(coordinates);
    };
    return shape;
};

最大的缺点是您不能使用原型链 - 将方法附加到 Sphere.prototype 不会使它们在新的 Sphere 实例上可用。