js object_js オブジェクト指向の構築と継承実装コード

コードをコピー コードは次のとおりです。 JS ユーザー オブジェクトの定義 function User(name,age){ this.name=name, this.age=age, this.getName=function(){ return this .name; }, this.getAge=function(){ return this.age; } } // オブジェクトをインスタンス化します var use=new User( "aa",21); alert(use.getAge()); //js オブジェクトの継承 /* 指向性オブジェクトの継承はオブジェクト プログラミング手法では不可欠ですが、JavaScript で継承メカニズムを実装するにはどうすればよいでしょうか? JavaScript は厳密なオブジェクト指向言語ではないため、オブジェクトの継承も異なります。多角形を表す基本クラス Polygon も作成しましょう。多角形には、辺の数 (sides) と面積を計算するための共通のメソッド (getAreas) という共通の属性があります。このように、Polygon クラスは次の定義のようになります。 */ function Polygon(iSides){ this.sides = iSides; } Polygon.prototype.getAreas = function (){ return 0; } /* 基底クラスでは領域を決定できないため、ここでは 0 を返します。 次に、サブクラス Triangle (三角形) を作成します。明らかに、この三角形は Polygon から継承するため、この Triangle クラスが Polygon クラスを継承し、三角形の面積を返すように Polygon クラスの getAreas メソッドをオーバーライドする必要があります。 。 JavaScript での実装を見てみましょう: */ function Triangle(iBase, iHeight){ Polygon.call(this,3); //ここでは Polygon.call() を使用します。コンストラクターに 3 をパラメータとして渡し、これが三角形であることを示します。辺は決定されているため、サブクラスのコンストラクターで辺を指定する必要はありません。 this.base = iBase; //Triangle の底面。 this.height = iHeight; //三角形の高さ } Triangle.prototype = new Polygon(); Triangle.prototype.getAreas = function(){ return 0.5 * this.base *this.height; // 基本クラスの getAreas メソッドをオーバーライドして、三角形の面積を返します }

/* 上記の実装を参照してください。別の四角形を定義します: */ function Rectangle(iWidth, iHeight){ Polygon.call(this,4); this.width = iWidth; this.height = iHeight; } Rectangle.prototype = new Polygon(); Rectangle.prototype.getAreas = function(){ return this.width * this.height; さて、上で基本クラスと 2 つのサブクラスを定義しました。これら 2 つのサブクラスが適切に動作するかどうかをテストしてみましょう: */ var t = new Triangle(3,6); var r = new Rectangle(4,5); alert(t.getAreas()); //出力 9 は正しいことを意味します alert(r.getAreas()) //出力 20 は正しいことを意味します