2

我正在学习画布 API，并希望在此过程中制作一个简单的物理引擎。今年夏天使用 Backbone.js 之后，我受到了他们在 JS 中的 OO 方法的启发。

知道我要解决的问题，我将提出我的解决方案，但如果你认为你有更好的方法来解决这个问题，请说出来。

// Obj is a general object that can be basically anything. (Ball, rock, ground plane)
var Obj = Extendable.extend(
    position : [0, 0], // Coordinates
    velocity : [0, 0], // Vector,
    acceleration : [0, 0], // Vector
    shape : (Shape)
);

var Ball = Obj.extend(
    shape : (Shape)
);

var ball1 = new Ball();
var ball2 = new Ball(initializer);

目标是能够在调用之前尽可能多地扩展new Object();如果也可以进行多重继承，那就太好了。

现在我想出了这个：

var Extendable = {
    extend : function(methods) {
        var f = function() {
            if (this.init) this.init.apply(arguments);
        };

        f.prototype = Object.create(_.extend({}, this.prototype, methods));
        f.extend = this.extend;

        return f;
    }
};

//The problem is that this only allows the use of .extend() one time...
EDIT: Now half way working.

谢谢你的想法！

4

1 回答 1

0

我终于想出了解决这个问题的方法。问题是我太盲目去想 _.extend() 在幕后做了什么。我仅将它与据说要考虑的功能一起使用。我没有想到的是，即使 Prototype.js 也无法神奇地将原型链与对象合并。（而且他们也从未声称过这一点。他们声称它可以合并对象。）

因此，只需稍作改动即可使其正常工作：

extend : function(methods) {
    // Define a constructor that will be available on all "classes".
    var f = function() {
        if (this.init) this.init.apply(arguments);
    };

    // Add the current prototype to the chain. (Added in "methods"-argument in a previous extend.
    // Then we're going to add the new methods to the prototype.
    f.prototype = _.extend(Object.create(this.prototype || {}), methods);
    // Add the .extend() on the object to allow further inheritance.
    f.extend = this.extend;

    return f;
},
于 2013-09-05T20:54:57.583 回答