JavaScriptにおけるクラスの定義とメソッド（「JavaScript高度プログラミング」学習ノート）_jsオブジェクト指向

function Car(sColor, iDoors, iMpg) {
//コンストラクターの形式で、オブジェクトごとに独立したプロパティと関数が生成されます
this.color = sColor
this.doors = iDoors;
this.mpg = iMpg;
alert(this.color);

var oCar1 = 新しい Car("red", 4, 23);
var oCar2 = new Car("red", 4, 23); .showColor();


Car クラスでは、このポインターは Car のインスタンスを表すため、値を返す必要はありません。コンストラクター メソッドは、ファクトリ メソッドと同様にクラスの定義を実装しますが、インスタンスごとに個別のメソッドも作成します。この問題を解決するためにポインターを使用するファクトリ関数のような関数の外に関数を作成することもできますが、それを行うことは意味的に意味がありません。

4. クラス定義 - プロトタイプの実装:

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

Car.prototype.mpg = 23; {
alert(this.color);
};

var oCar1 = new Car();
var oCar2 = new Car(); ;// ここでの出力 true には 2 つの問題があります:


1. コンストラクターにはパラメーターがありません。プロトタイプを使用する場合、関数のパラメーターにパラメーターを渡してプロパティ値を初期化することはできません。

2. 複数のインスタンスがある場合、1 つのインスタンスのプロパティを変更すると、もう 1 つのインスタンスのプロパティに影響します。

テストコード:

この質問の解決策になります。それがコンストラクター/プロトタイプ混合メソッド

5. クラス実装 - コンストラクター/プロトタイプ混合メソッド

この実装メソッドは各クラスのインスタンス間で共有されます プロパティまたはメソッドはプロトタイプ チェーンに実装する必要があります、実装する必要のないプロパティやメソッドはコンストラクターに実装する必要があります。このクラスの実装は、最も広く使用されているメソッドです。

var oCar1 = new Car("red", 4, 23);
var oCar2 = new Car("blue", 3, 24);

oCar1.drivers.push("Matt");
alert(oCar1.drivers); oCar2.drivers ); 6. クラス定義 - 動的プロトタイプの実装


混合コンストラクター/プロトタイプ メソッドと比較して、このメソッドは使いやすいプログラミング スタイルを提供します (混合コンストラクターでは /プロトタイプ メソッドでは、 showColor メソッドの定義は、コンストラクターのメソッド本体内ではなく、メソッド本体の外部で実装されます)。このクラスを定義するにはさまざまな方法があります。




コードをコピー


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

7. クラス定義 - 混合ファクトリ実装




コードをコピーします


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


function Car() {
var oTempCar = new Object();
oTempCar.color = "red"; ;