Question

Parent = (function() {
    var parent = function(name) {
        this.name = name;
    };

    parent.prototype.dostuff = function() {
      console.log(this.name);  
    };

    parent.prototype.more = function() {
      console.log("this should be available on both ... " + this.name);  
    };

    return parent;
}());

Child = (function() {
    var child = function(name) {
        Parent.call(this, name);
        this.prototype = Object.create(Parent.prototype);
    };

    child.prototype.dostuff = function() {
      console.log("the child class ... " + this.name);
    };

    child.prototype.special = function() {
      console.log("only the child has this method");
    };

    return child;
}());

在上面我的父对象有一个名为“more”的方法，但当我像这样新生孩子时...我不能调用更多的方法，除非我手动将其原型化。我在上面所遗漏的是什么让我能够免费获得原型方法？

var first = new Parent("father");
var last = new Child("son");

使用jsfiddle进行更新

http://jsfiddle.net/kz7Xk/

Answer 1

你在实例上设置原型，你应该在函数本身上设置它。

当您使用this创建对象时，构造函数中的

new引用对象本身。但是prototype是一个函数的属性，用作构造函数，而不是实例。

所以你想要这样的东西：

Child = (function() {
    var child = function(name) {
        Parent.call(this, name);
    };

    child.prototype = Object.create(Parent.prototype);

    child.prototype.dostuff = function() {
      console.log("the child class ... " + this.name);
    };

    child.prototype.special = function() {
      console.log("only the child has this method");
    };

    return child;
}());

Child的原型被设置为一个新对象，其原型上有父级原型，允许它继承所有内容。

为什么子对象没有使用模块模式的父方法？

1 个答案: