クラスの書き方と継承

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

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