継承とモジュールパターン

Question

私はこのようにモジュールパターンと継承を実装しようとしています：

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

    } 

}; 

が、私は子供のインスタンスtest2()から呼び出すことができません。

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

何が間違っていますか？

Answer 1

正しいパターンでモジュールパターンを使用していません。どういうわけか、あなたの "コンストラクタ"が直ちに呼び出される関数式（IIFE）として呼び出され、モジュールクロージャは呼び出されません。それはもう一方の方法でなければなりません。

また、this.prototypeに割り当てることはできません。すべてのインスタンスが継承するプロトタイプオブジェクトを作成するには、コンストラクタ関数（this keywordの場合はグローバルwindowオブジェクトを指す場合もあります）のプロパティをprototypeに割り当てる必要があります。

そして、プロトタイプオブジェクトではなく、コンストラクタ関数をすぐにIIFEから戻す必要があります。

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あなたが関数にコードを巻いているため、windowを指します。ラッピング関数を削除するか、引数としてthisを渡します。