JavaScript - オブジェクト指向プログラミング(クラスの継承)

開発環境

• OS X Lion - Apple(OS)
• Safari (Webプラウザ)
• TextWrangler(Text Editor) (BBEditの無料、light版)
• Script言語:JavaScript
• JavaScript Library: jQuery

独習JavaScript 高橋 和也 (著), 竹添 直樹 (著), 里見 知宏 (著) の第7章(オブジェクト指向プログラミング)7.5(クラスの継承)練習問題7.5.1, 2を解いてみる。

その他参考書籍

• JavaScript 第5版 David Flanagan (著), 村上 列 (翻訳)
• JavaScriptクイックリファレンス David Flanagan (著), 木下 哲也 (翻訳), 福龍興業 (翻訳)

1.

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

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

2.

コード(TextWrangler)

function Rectangle(height,width){
  this.height = height;
  this.width = width;
}
function ColoredRectangle(height,width,color){
  this.color = color;
  Rectangle.apply(this,[height,width]);
}
ColoredRectangle.prototype = new Rectangle();
ColoredRectangle.prototype.constructor = ColoredRectangle;
var rect = new Rectangle(10,20);
var red_rect = new ColoredRectangle(30,40,'Red');
var result = "";
var array = [rect,red_rect];
for(var i = 0 ; i < array.length; i++){
  result += "rectangle" + i + "<br />";
  for(var prop in array[i]){
    result += prop + ": " + array[i][prop] + "<br />";
  }
  result += "<br />";
}
$('#pre0').html(result);