Vererbung und Modul Muster

Question

Ich versuche, das Erbe mit dem Modul Muster auf diese Weise zu implementieren:

Parent = function() { 

    //constructor 
    (function construct() { 
     console.log("Parent"); 
    })(); 

    // public functions 
    return this.prototype = { 

     test: function() { 
      console.log("test parent"); 
     }, 


     test2: function() { 
      console.log("test2 parent"); 
     } 

    }; 
}; 


Child = function() { 

    // constructor 
    (function() { 
     console.log("Child"); 
     Parent.call(this, arguments); 
     this.prototype = Object.create(Parent.prototype); 
    })(); 


    // public functions 
    return this.prototype = { 

     test: function() 
     { 
      console.log("test Child"); 
     } 

    } 

}; 

aber ich nicht von Kindern Instanz der test2() zu nennen.

var c = new Child(); 
c.test2(); // c.test2 is not a function 

Was ich falsch?

Answer 1

Sie verwenden das Modulmuster nicht auf die korrekte Weise. Irgendwie wird Ihr "Konstruktor" als direkt aufgerufener Funktionsausdruck (IIFE) aufgerufen, und die Modulschließung ist nicht. Es sollte umgekehrt sein.

Sie können auch nicht zuweisen this.prototype. Um das Prototypobjekt zu erstellen, von dem alle Instanzen erben, müssen Sie die Eigenschaft der Konstruktorfunktion zuweisen (die this keyword wies sogar auf das globale window Objekt in Ihrem Fall).

Und Sie sollten die Konstruktorfunktion, nicht das Prototyp-Objekt, aus dem IIFE zurückgeben, sobald Sie es haben.

Parent = (function() { 
    // constructor 
    function construct() { 
     console.log("Parent"); 
    }; 

    // public functions 
    construct.prototype.test = function() { 
     console.log("test parent"); 
    }; 
    construct.prototype.test2 = function() { 
     console.log("test2 parent"); 
    }; 

    return construct; 
})(); 


Child = (function() { 
    // constructor 
    function construct() { 
     console.log("Child"); 
     Parent.apply(this, arguments); 
    } 

    // make the prototype object inherit from the Parent's one 
    construct.prototype = Object.create(Parent.prototype); 
    // public functions 
    construct.prototype.test = function() { 
     console.log("test Child"); 
    }; 

    return construct; 
})(); 

Answer 2

(function() { 
    console.log("Child"); 
    Parent.call(this, arguments); 
    this.prototype = Object.create(Parent.prototype); 
})(); 

this bezieht sich auf window, weil Sie Ihren Code in eine Funktion gewickelt. Entfernen Sie die Umbruchfunktion oder übergeben Sie this als Argument.