JavaScriptでクラス作成

JavaScriptはプロトタイプベースのオブジェクト指向言語なので、クラスという概念はないらしいが、new演算子とコンストラクタ・プロトタイプを使うことでクラスのようなものを作れるようなので、そのメモ。

[コンストラクタ]

view plainprint?

1. var car = function(){};  

 var car = function(){};

[メンバ変数]

メンバ変数にはthisを付ける。

view plainprint?

1. var car = function( _maker, _color ){  
2.  this.maker = _maker;  
3.  this.color = _color;  
4. };  

 var car = function( _maker, _color ){
  this.maker = _maker;
  this.color = _color;
 };

[メンバ関数]

view plainprint?

1. var car = function( _maker, _color ){  
2.  this.maker = _maker;  
3.  this.color = _color;  
4. };  
5. car.prototype = {  
6.  getColor : function(){  
7.   alert( "この車の色は" + this.color + "です。" );  
8.  }  
9. }  

 var car = function( _maker, _color ){
  this.maker = _maker;
  this.color = _color;
 };
 car.prototype = {
  getColor : function(){
   alert( "この車の色は" + this.color + "です。" );
  }
 }

[使用例]

view plainprint?

1. var car = function( _maker, _color ){  
2.  this.maker = _maker;  
3.  this.color = _color;  
4. };  
5. car.prototype = {  
6.  getColor : function(){  
7.   alert( "この車の色は" + this.color + "です。" );  
8.  }  
9. }  
10.   
11. var myCar = new car( "toyota", "white" );  
12. myCar.getColor();  

 var car = function( _maker, _color ){
  this.maker = _maker;
  this.color = _color;
 };
 car.prototype = {
  getColor : function(){
   alert( "この車の色は" + this.color + "です。" );
  }
 }

 var myCar = new car( "toyota", "white" );
 myCar.getColor();