1

情况就是这样；我有一个调用的基类（一个函数）Car和一些特定的子类，例如truck,bus或partybus.

我的脚本让用户创建一个car，然后由服务器随机更新那辆车到底是什么（无法​​预测它将是什么）。那时我已经有一个car带有所有者/里程信息的实例，但需要扩展创建的实例，truck以便getTopSpeed覆盖该方法并且我的carInstance成为myExtendedInstance instanceof truck===true

基类和子类函数/扩展的创建不是问题。这是代码；

function Car(){
}
Car.prototype.getTopSpeed=function(){
    return 100;
}

function Truck(){
    Truck.uber.constructor.call(this);
}
Truck.prototype.getTopSpeed=function(){
    return 20;
}
inherit.call(this, Truck, Car);

继承人 Dustin Diaz/Ross Harmes 的继承功能

inherit=function _inherit(subClass, superClass){
    var F=function(){};
    F.prototype=superClass.prototype;
    subClass.prototype=new F();
    subClass.prototype.constructor=subClass;

    subClass.uber=superClass.prototype;
    if (superClass.prototype.constructor===Object.prototype.constructor){
        superClass.prototype.constructor=superClass;
    }
}

问题是如何从已经创建的 baseClass 实例到工作子类，并以最佳方式返回到 baseClass 和另一个子类，而无需创建新的子类实例并破坏 baseClass 的实例。

我可以打电话myExtendedInstance=inherit(carInstance, Truck)吗？这不会造成内存泄漏或模糊我的原型链吗？如果没有，我怎样才能再次破坏原型链以返回基本的汽车实例？

我想我脑子里有个结。任何帮助将非常感激！:)

4

3 回答 3

1

你可以让它工作，但我认为这种方法（改变对象的类）很复杂。

我会创建一个 Car 类和另一个类 CarSettings 或类似的东西。

每个 Car 对象都将包含一个 CarSettings 对象，可以对其进行修改或完全替换。

于 2013-03-26T07:31:31.053 回答
1

我可以打电话myExtendedInstance=inherit(carInstance, Truck)吗？这不会造成内存泄漏或模糊我的原型链吗？

不，它不会造成内存泄漏，inherit只是期望构造函数（类）作为参数而不是实例。

如果没有，我怎样才能再次破坏原型链以返回基本的汽车实例？

您不能修改现有对象的原型链 - 除非您使用非标准__proto__属性（例如 IE 不支持）。

相反，您需要myExtendedInstance = new Truck;从旧的carInstance.

于 2013-03-26T09:46:18.437 回答
1

我看到这样的继承助手的问题是

继承的类是使用new和调用constructor无参数创建的，如果构造函数依赖于特定的参数，那么在继承过程subClass.prototype=new F(); 中（在我看来） 可以很容易地破坏更复杂的构造函数。

所以为了解决这个问题，也能够做你的问题，我目前使用这样的东西：

抱歉，我误解了最初的问题并修改了我使用的帮助程序以支持扩展和缩减。

var base = (function baseConstructor() {
    var obj = {
        create: function instantiation(extend) {
            var instance, args = [].slice.call(arguments);
            if (this === base) {
                throw new SyntaxError("You can't create instances of base");
            } else if (!this.hasOwnProperty("initclosure")) {
                throw new SyntaxError("Cannot create instances without an constructor");
            } else if (this.singleton && this.instances.length !== 0) {
                throw new SyntaxError("You can't create more than one Instance of a Singleton Class");
            } else {
                if (!extend._class || !extend._class.isPrototypeOf(this)) {
                    instance = Object.create(this.pub);
                    this.instances.push(instance);
                } else {
                    args = args.slice(1);
                    extend._class.remove(extend);
                    instance = this.extend(extend);
                }
                this.init.apply(instance, args);
                instance.onCreate();
                return instance;
            }
        },
        extend: function (instance) {
            if (!instance._class.isPrototypeOf(this)) {
                return;
            }
            var extended = Object.create(this.pub);
            for (var propInst in instance) {
                if (instance.hasOwnProperty(propInst)) {
                    extended[propInst] = instance[propInst];
                }
            }
            instance._class.remove(instance);
            this.instances.push(extended);
            return extended;
        },
        reduce: function (instance) {
            if (!instance.instanceOf(this)) {
                return;
            }
            var reduced = Object.create(this.pub);
            for (var propRed in instance) {
                if (instance.hasOwnProperty(propRed)) {
                    reduced[propRed] = instance[propRed];
                }
            }
            instance._class.remove(instance);
            this.instances.push(reduced);
            return reduced;
        },
        remove: function (instance) {
            if (instance.instanceOf(this)) {
                var removed = this.instances.splice(this.instances.indexOf(instance), 1)[0];
                instance.onRemove();
                return removed;
            }
        },
        inherit: function inheritation(specsOpt) {
            specsOpt = specsOpt || {};
            applyDefaults(specsOpt, {
                singleton: false,
                anonymous: false
            });
            var sub = Object.create(this);
            sub.pub = Object.create(this.pub);
            sub.pub.proto = this.pub;
            sub.pub._class = sub;
            sub.instances = [];
            sub.anonymous = specsOpt.anonymous;
            sub.sup = this;
            if (specsOpt.singleton) {
                sub.singleton = specsOpt.singleton;
                sub.getSingleton = getSingleton;
                protect.call(sub, {
                    singleton: {
                        writable: false,
                        configurable: false,
                        enumerable: false
                    },
                    getSingleton: {
                        writable: false,
                        configurable: false
                    }
                });
            }
            return sub;
        },
        initclosure: function Base() {},
        instances: [],
        pub: {
            instanceOf: function (obj) {
                if (!obj || !obj.pub) {
                    return this.className;
                }
                return obj.pub.isPrototypeOf(this);
            },
            onRemove: function () {},
            onCreate: function () {},
            "_class": obj
        }
    };
    /* Helper Functions. --- Use function expressions instead of declarations to get JSHint/Lint strict mode violations
     *
     * TODO: Maybe add an obj.helper Propertie with usefull functions
     */
    var applyDefaults = function (target, obj) {
        for (var prop in obj) {
            if (obj.hasOwnProperty(prop)) {
                target[prop] = target[prop] || obj[prop];
            }
        }
    };
    var getSingleton = function () { //To get past the strict violation
        return this.instances[0];
    };
    var protect = function (props, desc) { //Maybe change it a little
        for (var prop in props) {
            if (props.hasOwnProperty) {
                Object.defineProperty(this, prop, props[prop] || desc);
            }
        }
        return this;
    };
    /*  End Helpers
     * 
     *  Protecting
     */
    Object.defineProperty(obj, "init", {
        set: function (fn) {
            if (typeof fn !== "function") {
                throw new Error("Expected typeof init to be 'function'");
            } else if (Boolean(fn.name) === this.anonymous) {
                try {
                    throw new Error("Expected the constructor " + (!this.anonymous ? "not " : "") + "to be Anonymous");
                } catch (e) {
                    console.error(e.stack);
                }
            }
            if (!this.hasOwnProperty("initclosure")) {
                this.initclosure = fn;
                this.pub.constructor = this.init;
                this.pub.className = fn.name;
                protect.call(this.pub, {
                    constructor: false,
                    className: false
                }, {
                    enumerable: false
                });
            }
        },
        get: function () {
            var that = this;
            var init = function init() {
                if (that.pub.isPrototypeOf(this)) {
                    that.initclosure.apply(this, arguments);
                } else {
                    throw new Error("init can't be called directly");
                }
            };
            init.toString = function () {
                return that.initclosure.toString();
            };
            return init;
        }
    });
    obj.toString = function () {
        return "[class " + (this.initclosure.name || "Class") + "]";
    };
    obj.pub.toString = function () {
        return "[instance " + (this.className || "Anonymous") + "]";
    };
    protect.call(obj, {
        create: false,
        inherit: false,
        toString: false,
        onRemove: {
            enumerable: false
        },
        onCreate: {
            enumerable: false
        },
        initclosure: {
            enumerable: false
        }
    }, {
        writable: false,
        configurable: false
    });
    protect.call(obj.pub, {
        instanceOf: false,
        toString: false,
        "_class": {
            enumerable: false
        }
    }, {
        writable: false,
        configurable: false,
        enumerable: false
    });
    return obj;
})();

注意：这依赖Object.create于 ECMAScript 5 中引入的内容，因此旧版浏览器不支持

给定继承帮助器，让我们创建一些“类”

var Car = base.inherit();
Car.pub.getTopSpeed = function () {
    return 100;
};
Car.init = function ClassCar(model) {
    this.model = model || this.model || "";
};
Car.pub.type = "car";

现在我们有了一个可继承的超类，让我们Truck继承自Car

var Truck = Car.inherit();
Truck.pub.getTopSpeed = function () {
    return 20;
};
Truck.pub.type = "truck";
Truck.init = function ClassTruck(model, color) {
    Truck.sup.init.apply(this, [].slice.call(arguments));
    this.color = color;
};

然后让我们创建一个实例Car

var myCar = Car.create("Porsche");
console.log(myCar.getTopSpeed(), myCar.className); //100, ClassCar

现在，如果我对您的理解正确，您希望将现有的 Instance扩展myCar为. 如果是这样，让我们​​这样做CarTruck

var myExtendedTruck = Truck.extend(myCar);
console.log(myExtendedTruck.getTopSpeed(), myExtendedTruck.className); //20, ClassTruck
console.log(myExtendedTruck.instanceOf(Truck)); //true

这只是设置扩展原型链将实例变量复制到新的卡车实例。所以Car实例现在是一个Truck实例

或者，如果您也想使用构造函数。 create在传递超类的实例时也可以使用。
然后它被扩展和初始化。

var myConstructedExtendedTruck = Truck.create(myCar, myCar.model, "Yellow");
console.log(myConstructedExtendedTruck.getTopSpeed(), myConstructedExtendedTruck.model, myConstructedExtendedTruck.color); //20 , Porsche , Yellow

现在我们有一个扩展Car实例，它现在是构造函数的实例Truck并由构造函数正确Trucks构造。

现在，如果我做对了，您也希望能够回到超类实例。

var myReducedCar = Car.reduce(myExtendedTruck);
console.log(myReducedCar.getTopSpeed(), myReducedCar.className); //100, ClassCar
console.log(myReducedCar.instanceOf(Truck)); //false

这是一个关于 JSBin的示例，可以稍微摆弄一下

编辑说明：修复代码以正确移动 Classesinstances数组中的实例

于 2013-03-26T08:22:59.100 回答