プログラミング学習の記録 291 "独習JavaScript"の第7章(オブジェクト指向プログラミング)の7.5(クラスの継承)

開発環境

• Microsoft Windows 7 Home Premium (OS)
• Internet Explorer 8 (プラウザ)
• Microsoft Visual Web Developer 2010 Express Edition (IDE)
• Script言語:JavaScript

"独習JavaScript"の第7章(オブジェクト指向プログラミング)の7.5(クラスの継承)の練習問題7.5を解いてみる。

7.5(クラスの継承)

練習問題 7.5

1.

JavaScriptで継承するために必要な手順は

1. スーパークラスのプロパティを継承する。
2. スーパークラスのメソッドを継承する。
3. インスタンスのデータ型判定に必要なプロパティを調整する。

 

2.

function Rectangle(height, width) { this.height = height; this.width = width; } Rectangle.prototype.getSquare = function () { return this.height * this.width; } function ColoredRectangle(height, width, color) { this.color = color; Rectangle.apply(this, [height, width]); } ColoredRectangle.prototype = new Rectangle(); ColoredRectangle.prototype.constructor = ColoredRectangle; var colRec = new ColoredRectangle(10, 20, "Red"); document.write( "<p>長方形 高さ: " + colRec.height + " 幅: " + colRec.width + "</p><p>面積: " + colRec.getSquare() + "</p><p>色: " + colRec.color + "</p>");

 

3.

function Person(age, name, gender) { if (!name) { throw new Error( "error : プロパティnameが未指定です"); } this.age = age; this.name = name; this.gender = gender; } function IdentifiedPerson(age, name, gender, id) { if (!id) { this.id = ++IdentifiedPerson.max; } else { this.id = id; if (id > IdentifiedPerson.max) { IdentifiedPerson.max = id; } } Person.apply(this, [age, name, gender]); } IdentifiedPerson.prototype = new Person(null, "tmp"); IdentifiedPerson.prototype.constructor = IdentifiedPerson; delete IdentifiedPerson.prototype.age; delete IdentifiedPerson.prototype.name; IdentifiedPerson.max = 0; var person1 = new IdentifiedPerson(null, "Kamimura1"); var person2 = new IdentifiedPerson(null, "Kamimura10", null, 10); var person3 = new IdentifiedPerson(null, "Kamimura11"); document.write("<p>" + person1.name + " id: " + person1.id + "</p><p>" + person2.name + " id: " + person2.id + "</p><p>" + person3.name + " id: " + person3.id + "</p>");