クラスの書き方と継承

（2018/10/15編集）この内容すごいJSビギナーの時に書いたやつでして
javascariptはclassやextends使えるので参考にしないほうがいいです。

とりあえずCompositeパターンで
なんとなくいい感じで記述できてるような気がせんでもないが
constructorとそれに付随する引数を取り入れたい…

クラスの書き方

Component.js

var Component= function(){};
(function(){
var _this_ = Component.prototype;
    ////プロパティ////
    _this_.parent;
    _this_.name = "Component.prototype";

    ////メソッド////
    //for Leaf and Conmpsite
    _this_.operation = function(){
        console.log(this.name + " : operation");
    };
    //for Composite
    _this_.addChild    = function(){};
    _this_.removeChild = function(){};
    _this_.getChild    = function(){};
    _this_.getParent   = function(){
        return this.parent;
    };
    _this_.setParent   = function(parent){
        this.parent = parent;
    };
})();

継承の仕方

このモジュールを利用して継承させる。
調べたらNode.jsの中にこうやって継承しろと書かれていた。

inherits.js

inherits = function(ctor, superCtor) {
    ctor.super_ = superCtor;
    ctor.prototype = Object.create(superCtor.prototype, {
        constructor: {
            value: ctor,
            enumerable: false,
            writable: true,
            configurable: true
        }
    });
};

なのでこのinheritsモジュールを利用して
なんとなく継承している風に改行せずにすぐ後ろに書いてみる

Composite.js

var Composite= function(){}; inherits(Composite,Component);
(function(){
var _this_ = Composite.prototype;
    ////プロパティ////
    _this_.child = new Array();
    _this_.name = "Composite.prototype";
    ////メソッド////
    _this_.addChild = function(component){
        this.child.push(component);
        this.child[this.child.length - 1].setParent(this);
    };
    _this_.removeChild = function(){

    };
    _this_.getChild    = function(id){
        return this.child[0];
    };
})();

(function(){定義})を使ってるかというと
実際のプロパティやメソッドを記入するときに
「オブジェクト指向　クラス javascript」とかで調べたら

違うclassの書き方

var Composite= function(){};
Composite.prototype={

    ////プロパティ////
    child : new Array();,
    name : "Composite.prototype",
    ////メソッド////
    addChild : function(component){
        this.child.push(component);
        this.child[this.child.length - 1].setParent(this);
    };,
    removeChild = function(){

    };,
    getChild    = function(id){
        return this.child[0];
    };
}

と記述されていてclassを作る分にはいいのですが
いざ継承する時にinherits(Composite,Component);
を利用して

ダメだった継承の書き方

var Composite= function(){}; inherits(Composite,Component);
Composite.prototype={
定義　中略
}

とするとせっかく継承したprototypeが全部上書きされちゃったので
これはダメだとたどりついたのが(function(){定義})を使用する事
だったのです。

以下、コンポジットパターン用にメモ

Leaf.js

var Leaf= function(){}; inherits(Leaf,Component);
(function(){
var _this_ = Leaf.prototype;
    _this_.name = "Leaf.prototype";
})();

（初心者です。アドバイス等あればお願いします。）