JavaScript 高度なプログラミング読書メモ (13) クラスまたはオブジェクトの js 定義

JavaScript 高度なプログラミング読書メモ (13) クラスまたはオブジェクトの js 定義_javascript スキル

WBOY

リリース： 2016-05-16 17:51:03

オリジナル

987 人が閲覧しました

ファクトリメソッド

特定の型のオブジェクトを作成して返します。

コードをコピーコードは次のとおりです。

 
function createCar(sColor,iDoors) ,iMpg) { 
var oTempCar=new Object(); 
oTempCar.doors=iDoors; 
oTempCar.mpg=iMpg; (){ 
alert(this.color); 
} 
return oTempCar; 

 
 呼び出し例: 

コードをコピーしますコードは次のとおりです。 var oCar1=createCar("red",4,23); createCar("blue", 3,25);

oCar1.showColor();

 
 欠点: メソッドが繰り返し作成されます。上記の呼び出し例のように、oCar1 と oCar2 の両方に独自の shoColor メソッドがありますが、これは共有できます。 

コンストラクター メソッド

例:

コードをコピー

コードは次のとおりです。 function Car(sColor,iDoors,iMpg){ this.color=sColor; this.door=iDoors; =iMpg ;

this.showColor=function(){

alert(this.color) 
} 
} 

 呼び出し例:

コードをコピー

コードは次のとおりです。 var oCar1=new Car("red",4,23); var oCar2 =new Car("blue",3,25);

欠点: ファクトリメソッドと同様に、メソッドは繰り返し作成されます。

Prototype メソッド

このメソッドは、オブジェクトのプロトタイププロパティを使用します。これは、新しいオブジェクトの作成に依存するプロトタイプとみなすことができます。ここでは、空のコンストラクターを使用してクラス名を設定し、すべてのプロパティとメソッドをプロトタイプ属性に直接割り当てます。前の例を書き直すと、コードは次のようになります。

コードをコピーします
コードは次のとおりです:

function Car(){

} Car。プロトタイプ.color="red"; Car.prototype.doors=4; Car.prototype.showColor=function(){ alert(this. color); }

 
 呼び出し: 

 コードをコピー 

 コードは

var oCar1=new Car();
var oCar2=new Car();

欠点: プロパティの値を初期化できません。コンストラクターにパラメーターを渡すことによって混合コンストラクター/プロトタイプメソッド

 コンストラクターとプロトタイプ メソッドを一緒に使用します。例は次のとおりです。 

 

コードをコピーします
コードは次のとおりです:

function Car(sColor,iDoors,iMpg){
this.color=sColor;

this.door=iDoors; Car.prototype.showColor=function(){ this.color); }

呼び出し例:

コードをコピー

 コードは次のとおりです。次のように:

var oCar1=new Car("red",4, 23);

var oCar2=new Car("blue",3,25); >
利点: メモリの無駄がなく、作成が簡単です。

このメソッドは、ECMAScript で使用される主なメソッドです。動的プロトタイプメソッドコンストラクターとプロトタイプの混合メソッドを使用してオブジェクトの外部でオブジェクトのメソッドを定義するため、人々はそれほどオブジェクト指向ではなく、視覚的にもそうではないと感じます。カプセル化が適切であるため、動的プロトタイプメソッドが生成されます:

コードをコピー

コードは次のとおりです:

関数 Car(sColor,iDoors,iMpg){ this.color=sColor;
this.mpg=iMpg;
if(typeof Car . _initialized=="未定義"){
Car.prototype.showColor=function(){
alert(this.color)

}; Car._initialized=true; 🎜>} 著者: Artwl 出典: http://artwl.cnblogs.com