Ereditarietà e modulo modello

Question

Sto cercando di implementare l'eredità con il modello del modulo in questo modo:

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"); 
     } 

    } 

}; 

ma non riesco a chiamare da esempio per figli test2().

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

Cosa ho sbagliato?

Answer 1

Non si sta utilizzando il modello di modulo nel modo corretto. In qualche modo, il "costruttore" viene chiamato come un'espressione di funzione immediatamente invocata (IIFE) e la chiusura del modulo non lo è. Dovrebbe essere il contrario.

Inoltre, non è possibile assegnare a this.prototype. Per creare l'oggetto prototipo da cui erediteranno tutte le istanze, sarà necessario assegnare alla proprietà prototype della funzione di costruzione (lo this keyword uguale anche all'oggetto globale window nel tuo caso).

E si dovrebbe restituire la funzione di costruzione, non l'oggetto prototipo, dall'IFE non appena lo si possiede.

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 si riferisce a window, perché è avvolto il codice in una funzione. Rimuovere la funzione di wrapping o passare this come argomento.